body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#111417;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0;overflow-x:hidden}nav{box-sizing:border-box;z-index:20;background-color:#21897e;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 40px;display:flex}nav h1{background:linear-gradient(90deg,#48abba,#fff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px}ul{color:#fff;justify-content:center;align-items:center;gap:20px;margin:0;padding:0;font-size:20px;list-style:none;display:flex}ul li{cursor:pointer;transition:color .2s}ul li:hover{color:#48abba}.active{color:#6bd3d3;border-bottom:2px solid #fff}nav ul a{cursor:pointer}nav ul a:hover{color:#6bd3d3;border-bottom:2px solid #fff}.hamburger{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.ham{background-color:#fff;width:40px;height:2px}.mobilemenu{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:100;background-color:#21897e;flex-direction:column;width:100%;height:100vh;transition:all .5s;position:fixed;top:80px;left:0;right:0;transform:translate(100%)}.activemobile{transform:translate(0)}.activeham .ham:first-child{position:relative;top:8px;transform:rotate(45deg)}.activeham .ham:nth-child(2){opacity:0}.activeham .ham:nth-child(3){position:relative;top:-12px;transform:rotate(-45deg)}@media (width<=750px){.desktopmenu{display:none}}#home{background-color:#3ba99c;background-image:radial-gradient(#ffffff40 1.2px,#0000 1.2px);background-size:24px 24px;width:100%;height:100%;min-height:100vh;display:flex}.righthome{z-index:1;justify-content:center;align-items:center;width:50%;height:100vh;display:flex;overflow:hidden}.lefthome{color:#fff;justify-content:center;align-items:center;width:50%;height:100vh;display:flex}.righthome img{z-index:1;object-fit:contain;width:100%;height:auto;margin-left:0;padding-left:0;display:block;transform:translate(-130px,-40px)scale(1.3)}.homedetails{font-size:4vmax}.line1{font-size:.8em}.line2{background:linear-gradient(90deg,#48abba,#fff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.5em}.line3{font-size:1.5em}.homedetails button{cursor:pointer;background-color:#42b4d7;border:2px solid #42b4d7;border-radius:20px;margin-top:30px;padding:15px 30px;font-size:19px;font-weight:300;transition:all .2s}.homedetails button:hover{color:#42b4d7;background-color:#0000}@media (width<=750px){#home{flex-direction:column-reverse}.lefthome{width:100%;height:50vh}.righthome{align-items:end;width:100%;height:50vh}.righthome img{margin-bottom:0;padding-bottom:0;transform:translateY(-80px)translate(-40px)scale(1)}}*{box-sizing:border-box;margin:0;padding:0}#about{background-color:#3ba99c;background-image:radial-gradient(#ffffff40 1.2px,#0000 1.2px);background-size:24px 24px;width:100%;height:auto;margin-top:0;padding-top:0;padding-bottom:150px;display:flex}.leftabout{justify-content:center;align-items:center;gap:40px;width:50%;height:auto;display:flex}.rightabout{flex-direction:column;gap:30px;width:50%;height:auto;display:flex}.circle-line{flex-direction:column;justify-content:center;align-items:center;display:flex}.circle{background-color:#96fdf2;border-radius:50%;flex-shrink:0;width:50px;height:50px;box-shadow:2px 2px 20px #06f4e2}.line{background-color:#f0f8ff;width:2px;height:100px}.aboutdetails{flex-direction:column;align-items:flex-start;gap:20px;width:600px;display:flex}.aboutdetails>div{width:100%}.aboutdetails h1{text-align:left;background:linear-gradient(90deg,#5be2f1,#fff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 8px}.aboutdetails ul{flex-direction:column;align-items:flex-start;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.aboutdetails li{color:#fff;text-align:left;white-space:nowrap;width:100%}.aboutdetails span{color:#7ad7ea}@media screen and (width<=768px){#about{flex-direction:column}.leftabout{width:100%;height:50vh}.rightabout{flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;height:50vh;padding-top:150px;display:flex}.aboutdetails{width:auto}.aboutdetails li{white-space:normal}}*{margin:0;padding:0}.card{color:#0000;cursor:pointer;background-color:#96fdf2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:400px;height:150px;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:2px 2px 15px #21897e}.card h1{background:linear-gradient(90deg,#48abba,#fff);color:#0000;-webkit-background-clip:text;background-clip:text}.hovercard img{filter:drop-shadow(2px 2px 10px #000);width:80%}.hovercard{background:linear-gradient(#000,#58cce3);justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s;display:flex;position:absolute;bottom:0;left:0;transform:translateY(100%)}.card:hover .hovercard{transform:translateY(0%)}@media screen and (width<=768px){.card:first-child{margin-top:0}}*{box-sizing:border-box}#projects{background-color:#3ba99c;background-image:radial-gradient(#ffffff40 1.2px,#0000 1.2px);background-size:24px 24px;flex-direction:column;justify-content:center;align-items:center;gap:60px;width:100%;height:auto;margin:0;padding:0 0 150px;display:flex}h1{color:#21897e;font-size:30px}.slider{flex-direction:row;justify-content:center;gap:10px;width:100%;display:flex}@media (width<=750px){#projects{justify-content:center;height:100vh;padding-bottom:0}}#contact{box-sizing:border-box;background-image:radial-gradient(#ffffff4d 1.2px, transparent 1.2px), linear-gradient(in oklab to bottom, #3ba99c 0%, #3ba99c calc(100% - 200px),  #3ba99c99 calc(100% - 80px),  #3ba99c00 100% );background-color:#3ba99c;background-size:24px 24px,100% 100%;justify-content:center;align-items:center;gap:80px;min-height:100vh;padding:60px;display:flex;position:relative}.leftcontact,.rightcontact{width:45%}.leftcontact{text-align:center;color:#fff}.leftcontact h2{justify-content:center;align-self:center;margin-bottom:8px;font-size:50px}.leftcontact p{align-self:center;margin-bottom:0;font-size:30px}.leftcontact img{filter:drop-shadow(0 20px 25px #00000040);width:1550px;max-width:90%}.rightcontact{justify-content:center;display:flex}.form{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff40,#ffffff1a) padding-box padding-box,linear-gradient(135deg,#fff9,#ffffff1a) border-box;border:1px solid #0000;border-radius:30px;flex-direction:column;gap:15px;width:380px;padding:40px;transition:all .3s;display:flex;position:absolute;top:28%;left:45%;overflow:hidden;transform:translateZ(0);box-shadow:0 15px 35px #00322d33,inset 0 1px #ffffff80}.form:hover{transform:translateY(-3px);box-shadow:0 20px 45px #00322d47,inset 0 1px #ffffffb3}.form input,.form textarea{box-sizing:border-box;border:none;border-radius:15px;outline:none;width:100%;padding:14px}.form textarea{resize:none;height:140px}.form button{color:#fff;cursor:pointer;background:#087f72;border:none;border-radius:15px;padding:14px;font-size:16px}.form button:hover{background:#05665c}@media (width<=750px){#contact{flex-direction:column;gap:35px;padding:50px 20px}.leftcontact{transform:translateY(-200px)}.leftcontact,.rightcontact{justify-content:center;align-items:center;width:100%}.leftcontact img{width:230px;transform:scale(1)}.form{width:300px;height:300px;position:absolute;top:40%;left:13%;transform:none}}