@import"https://fonts.googleapis.com/css2?family=Calistoga&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;font-family:Source Code Pro,monospace;font-weight:500;font-style:normal;color:#fff}body{background:#1a1a1a;max-width:1400px;width:100%;margin:0 auto;padding:30px}.header{margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header h2{font-size:30px;font-family:Calistoga}.header h2 span{color:#94d4e9;margin-left:-10px;font-size:35px;font-weight:700}.menu-list{display:flex;list-style:none;gap:35px;position:relative}.menu-item{position:relative}.menu-link{font-family:Calistoga;text-decoration:none;color:#fff;font-weight:500;font-size:20px;padding:10px 0;position:relative;transition:all .3s ease}.menu-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#94d4e9;transition:width .3s ease}.menu-link:hover:after,.menu-link.active:after{width:100%}.menu-link:hover{color:#94d4e9;transform:translateY(-3px)}.menu-link.active{color:#94d4e9}.mobile-menu{display:none;font-size:32px;cursor:pointer}@media(max-width:1000px){nav{position:fixed;top:0;right:-100%;width:60%;height:100vh;background-color:#1f1f1f;display:flex;align-items:center;justify-content:center;transition:right .4s ease;z-index:1000}nav.active{right:0}nav ul{flex-direction:column;gap:30px;text-align:center}nav a{font-size:24px;letter-spacing:2px}.mobile-menu{display:block;position:relative;z-index:1001}header{padding:20px 30px}}.main{height:80vh;font-size:80px;margin-top:20vh;font-family:Calistoga;display:flex;justify-content:space-between;width:100%;overflow:hidden}.main div{font-family:Calistoga}.content{min-width:800px}.typewriter{color:#94d4e9;font-size:80px;font-family:Calistoga;border-right:1px solid #fff;padding-right:5px;white-space:nowrap;overflow:hidden;animation:blink .7s infinite}.box-content{position:relative;transform:rotate(-35deg)}.box-content .box{position:relative;left:-100px;display:flex;justify-content:center;align-items:center;animation:animatesurface 1.5s ease-in-out infinite}@keyframes animatesurface{0%{transform:translate(0)}to{transform:translate(-200px)}}.box-content .box .cube{position:relative;width:200px;height:200px;background:#94d4e9;transform-origin:bottom right;animation:animate 1.5s ease-in-out infinite}@keyframes animate{0%{transform:rotate(0)}60%,70%,80%,to{transform:rotate(90deg)}65%{transform:rotate(85deg)}75%{transform:rotate(87.5deg)}}@media(max-width:1000px){.box-content{display:none}.content{min-width:720px}}@media(max-width:800px){.box-content{display:none}.content{min-width:620px}}@media(max-width:600px){.main{height:100%;font-size:40px;margin:150px 0}.typewriter{font-size:35px}.content{min-width:320px}}.container{max-width:800px;display:flex;justify-content:space-between;height:100%}.link{text-align:center;font-family:Calistoga;display:block;margin:30px 10px;font-size:25px;padding:10px 20px;text-decoration:none;border:1px solid #94d4e9;border-radius:20px;box-shadow:2px 3px 2px #94d4e9}.link:hover{background-color:#94d4e9;transform:translateY(-5px) scale(1.01);transition:all .4s;color:#000}.icons{display:flex;gap:10px}.icons img{width:40px;opacity:.3}.icons img:hover{opacity:1;box-shadow:1px #fff;transform:translateY(-5px) scale(1.1);transition:all .3s}@media(max-width:600px){.link{width:100%;margin:50px 0;font-size:15px;padding:7px 15px}.icons img{margin:50px 0;width:30px;opacity:.3}}.card-box{display:flex;align-items:center;width:100%;max-width:380px;background-color:#333;padding:20px;border-radius:15px;color:#fff}.card{width:100%}.card img{width:100%;height:220px;object-fit:cover;border-radius:12px;margin-bottom:15px}.card img:hover{transform:scale(1.03);transition:all .4s}.card h4{margin:0 0 12px;font-size:1.4rem;font-weight:600}.card span{display:block;text-align:left;color:#ffffffa6;font-size:.9rem;line-height:1.5;margin-bottom:20px}.link-box{display:flex;justify-content:space-between;gap:12px}.btn{flex:1;display:inline-block;text-decoration:none;padding:12px 20px;font-size:.95rem;border-radius:10px;text-align:center;font-weight:500;transition:all .3s ease}.github-btn{background-color:#262626;color:#fff;box-shadow:#a5a3a333 0 2px 8px}.github-btn:hover{background-color:#404040}.demo-btn{background:#94d4e9;color:#000}.demo-btn:hover{background:#7fc4db}.projects-container h2{width:100%;text-align:center;font-size:36px;font-family:Calistoga;color:#94d4e9;margin-bottom:10px}.projects-container p{width:100%;text-align:center;color:#ffffff91}.projects{margin-top:80px;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}@media(max-width:700px){.projects-container{display:flex;flex-direction:column;align-items:center}}.about{display:flex;flex-direction:column;align-items:center;max-width:90%;margin:100px auto}.about h2{font-size:40px;font-family:Calistoga;color:#94d4e9;margin-bottom:20px}.about p{color:#ffffff91;font-size:20px}.contact{display:flex;flex-direction:column;align-items:center;max-width:90%;margin:100px auto}.contact h2{font-size:40px;font-family:Calistoga;color:#94d4e9;margin-bottom:20px}form{display:flex;flex-direction:column;gap:30px;width:90%}form input{border:none;font-size:20px;padding:15px 20px;background:#333;border-radius:10px}#textbox{border:none;font-size:20px;padding:15px 20px;background:#333;border-radius:10px;height:150px;resize:none}#btn{background:#94d4e9;color:#000;margin-top:10px;box-shadow:0 0 0 2px #33333380}#btn:hover{transform:translateY(-10px);background:#3a97b6;color:#fff;transition:all .5s}