.navl{text-decoration:none;color:#fff!important;scroll-behavior:smooth}*{margin:0%;padding:0%;font-family:sans-serif}.back{background-color:#141416;color:#f0f8ff}.hero,.hero-container{display:flex}.text-container{order:1}.image-container{order:2}.im{width:58%;margin-top:-30%;margin-left:250px;z-index:1}.hero-tx{font-size:60px;margin-top:290px;margin-left:120px}.hero-p{margin-top:20px;margin-left:120px}.about{margin-left:21%;margin-top:20px;font-size:20px;color:#9726aa}.img{z-index:0;margin-top:200px;margin-left:250px;width:72%;height:150px}.icon1{width:35%;float:right;margin-right:-100px}.icon2{width:150px;height:150px;float:left;margin-top:160px}.black{position:absolute;right:0;margin-top:180px}@media (max-width: 600px){.hero-container{flex-direction:column-reverse}.im{width:100%;margin:25% 0 0}.hero-tx,.hero-p,.about{margin-top:20px;margin-left:5%}.img{display:none}.hero-tx{font-size:xx-large}.about{font-size:x-large}.icon1{float:right;margin:0}}.pro{opacity:.2;margin-top:130px;z-index:0}.main-text1{margin-top:-420px}.sp{font-size:large;margin:20px}.lin{margin:20px}.tech{display:flex;justify-content:center;align-items:center;margin:30px}.work{font-size:60px;margin-top:120px}.work-text{font-size:larger;margin:20px}.cimg1{height:150px;width:100%}.project{display:flex;justify-content:center;align-items:center}.proj{margin:30px;height:300px}.card-con{background-color:#1e1f1e;color:#a7a7a6}.cimg1{object-fit:contain;height:220px;width:440px}.pink{width:160px}.white{width:180px;float:left;margin-top:-120px}.purple{width:180px;float:right;margin-top:-180px}@media (max-width: 600px){.pro{width:100%}.tech{display:block}.project{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.proj{width:95%}.black,.purple{display:none}.cimg1{object-fit:contain}}.icon{margin:30px;width:50px}.cube{width:150px;float:right;margin-top:-130px}.bcube{width:180px;margin-top:-50px}.con{text-align:center}@media (max-width: 600px){.icons{display:block!important;width:15x;margin:10px}.cube{display:none}}.back-to-top{position:fixed;bottom:20px;right:20px;background-color:#e03ee4;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;transition:opacity .3s ease}.back-to-top.visible{opacity:1}.back-to-top i{font-size:20px}