@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap);html body{color:#333;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6;margin:0;padding:0 0 0 5vw}html{scroll-behavior:smooth}.no-scroll{overflow:hidden}#projects-display{margin-top:1.25%}#project-description{align-items:center;background-color:#000000d9;bottom:0;color:#fff;display:flex;flex-direction:column;left:0;overflow-y:auto;padding:100px 0 50px;position:fixed;right:0;text-align:center;text-shadow:0 1px 3px #0000004d;top:0;z-index:999}#project-description button{background-color:#fffffff2;border:none;color:#000;cursor:pointer;font-weight:700;left:25px;padding:10px 20px;position:fixed;top:25px;z-index:1000}#project-description button:hover{background-color:#add7fc}#project-description a{color:#7fffd4}#project-description a:visited{color:#40af8a}#project-description a:hover{color:#27926f}#project-description a:active{color:#0fa}.projects{display:flex;flex-wrap:wrap;gap:3em}.project-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;flex-direction:column;max-width:320px;transition:transform .2s,box-shadow .2s;width:100%}.project-card:hover{box-shadow:0 4px 12px #0003;transform:translateY(-5px)}.project-card .project-title{font-size:16px;font-weight:500;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap}.project-image{aspect-ratio:16/9;border-radius:12px 12px 0 0;height:auto;object-fit:cover;width:100%}.logo{border-radius:50%;box-shadow:0 4px 8px #0003;margin-left:.5vw;margin-top:10%;object-fit:cover;width:200px}.markdown-content{font-size:18px;line-height:1.8;margin-bottom:50px;max-width:700px;text-align:left;width:100%}.markdown-content img{max-height:400px;object-fit:contain}.markdown-content h1,.markdown-content h2,.markdown-content h3{line-height:1.2;margin-bottom:.75em;margin-top:1.5em}.markdown-content p{margin-bottom:1.25em}.markdown-content img{border-radius:8px;height:auto;max-width:100%}.video-content{margin-bottom:40px;max-width:700px;width:100%}iframe{aspect-ratio:16/9;border-radius:8px;width:100%}.subscribe-form{border:1px solid #333;border-radius:5px;margin-bottom:1%;padding:0 20px 20px 15px;text-align:left;width:fit-content}.subscribe-input{border:1px solid #858585;border-radius:5px;margin-right:10px;margin-top:0;padding:10px}.subscribe-input:focus{border-color:#333;outline:none}.subscribe-button{background-color:#797979;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.subscribe-button:hover{background-color:#333}.subscribe-button:active{background-color:#666}.footer{bottom:0;color:#000;height:50px;left:0;margin-top:30px;padding:10px 0;position:relative;text-align:center;width:100%}a{text-decoration:none}.project-card,a{color:inherit}.logo-wrapper{display:inline-block;margin-top:10%;position:relative}.logo-wrapper .logo{transition:transform .45s cubic-bezier(.25,.8,.25,1)}.logo-wrapper:hover .logo{transform:translate(-18px,-10px) scale(1.08) rotate(-7deg)}.logo-wrapper:after{bottom:-24px;content:"";left:100%;pointer-events:none;position:absolute;top:-24px;transition:width .01s;width:0;z-index:0}.logo-wrapper:hover:after{pointer-events:auto;width:80px}.social-pop{display:flex;flex-direction:column;gap:12px;left:100%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .4s ease,transform .4s ease;z-index:1}.logo-wrapper:hover .social-pop{opacity:1;pointer-events:auto;transform:translate(60px,-50%)}.social-btn{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#000;display:flex;font-size:22px;height:48px;justify-content:center;transition:transform .2s ease;width:48px}.social-btn:hover{transform:translateY(-5px)}.youtube:hover{background:red;color:#fff}.tiktok:hover,.x:hover{background:#000;color:#fff}.mail:hover{background:#0073e6;color:#fff}@media (hover:none),(pointer:coarse){.logo-wrapper .logo,.logo-wrapper:hover .logo{transform:none}.social-pop{opacity:1!important;pointer-events:auto;transform:translate(60px,-50%)!important}.logo-wrapper:after{display:none}}
/*# sourceMappingURL=main.143993ce.css.map*/