*{box-sizing:border-box}header{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:-6rem;box-sizing:content-box;min-height:100vh}.main-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.profile{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.flip-container{display:flex;justify-content:center;align-items:center;position:relative;width:100%}.flip-card{width:25rem;height:25rem;perspective:1000px;transition:transform .8s ease;z-index:2}.flip-inner{width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.flip-front,.flip-back{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;backface-visibility:hidden;border-radius:10%;overflow:hidden;transition:.5s}.flip-front img{width:80%;height:80%;object-fit:contain;filter:invert(100%) drop-shadow(1px 1px 5px #000)}.flip-back img{width:80%;height:80%;object-fit:cover;box-shadow:0 10px 20px #0003;border-radius:50%;border:10px solid #EEEEFF}.flip-back{transform:rotateY(180deg)}.flip-container:hover .flip-card{transform:translate(-225px)}.flip-container:hover .flip-inner{transform:rotateY(180deg)}.flip-text{position:absolute;left:48%;max-width:400px;opacity:0;visibility:hidden;transform:translate(50px);transition:opacity .8s ease,transform .8s ease;z-index:3}.flip-container:hover .flip-text{visibility:visible;opacity:1;transform:translate(0)}.flip-text p{font-family:Inter,sans-serif;font-size:1.5rem;line-height:1.6;color:#a6bfcd;text-align:justify}#name{font-family:Inter,sans-serif;font-size:3.5rem;font-weight:700;color:#fff;text-align:center;margin-top:-2rem;transition:letter-spacing .7s ease}#name:hover{letter-spacing:.3rem;cursor:default}#belowname{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:500;color:#c1cae0;text-align:center;margin-top:.5rem;letter-spacing:.5rem;transition:letter-spacing .7s ease}#belowname:hover{letter-spacing:.7rem;cursor:default}.navmenu{display:flex;margin-top:2rem;margin-bottom:60px;gap:2rem}.navmenu button{position:relative;width:9.75rem;height:3.75rem;border-radius:2.5rem;color:#242424;background-color:#ffffffd1;font-size:1.13rem;font-weight:700;border:none;cursor:pointer;filter:drop-shadow(0px .5px 3px #08070782);transition:color .2s ease;overflow:hidden}.navmenu button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-color:#022b47a3;opacity:0;transform:scaleY(0);transform-origin:bottom;transition:transform .4s ease,opacity .2s ease;z-index:-1}.navmenu button:hover:before{transform:scaleY(1);opacity:1}.navmenu button:hover{color:#eef}@media (max-width: 900px){header{padding:0rem 1rem;margin-bottom:-4rem}.flip-container{flex-direction:column;margin-top:2rem;margin-bottom:3rem}.flip-card{width:20rem;height:20rem}.flip-container:hover .flip-card{transform:none}.flip-back img{border:3px solid #EEEEFF}.flip-text{display:none}#name:hover{letter-spacing:.2rem}#belowname:hover{letter-spacing:.35rem}}@media (max-width: 700px){header{padding:0rem 1rem;margin-bottom:-2rem}.flip-container{flex-direction:column;margin-top:2rem;margin-bottom:3rem}.flip-card{width:15rem;height:15rem}.flip-container:hover .flip-card{transform:none}.flip-back img{border:3px solid #EEEEFF}.flip-text{position:relative;top:1rem;max-width:100%;opacity:0;visibility:hidden;transform:translateY(-20px);transition:opacity .8s ease,transform .8s ease;left:0;padding:0 3rem;text-align:center}.flip-container:hover .flip-text{visibility:visible;opacity:1;transform:translateY(0)}.flip-text p{font-size:.8rem}#name{font-size:2rem}#belowname{font-size:1rem;letter-spacing:.2rem}.navmenu{flex-direction:column;gap:1rem;transition:transform .3s ease,margin-bottom .3s ease}.navmenu button{width:10rem;height:2.5rem;font-size:1rem}}.about-section{width:100%;display:flex;justify-content:center;align-items:flex-start;padding:5rem 0;box-sizing:border-box;background-size:cover;transition:opacity 1s ease,transform 1s ease;opacity:0;transform:translateY(50px)}.about-section.fade-in{opacity:1;transform:translateY(0)}.about-container{width:100%;max-width:1000px;height:auto;display:flex;justify-content:center;align-items:center;border-radius:3rem;background-attachment:fixed;background-position:center;padding:6rem;box-sizing:border-box;background-image:linear-gradient(#03315f6a,#00000049),url(/assets/large-triangles.svg);background-size:cover}.about-content{display:flex;width:100%;justify-content:space-between;align-items:center;gap:5rem}.about-text{flex:2;color:#fff;text-align:right;filter:drop-shadow(0 0 1rem rgba(0,0,0,1))}.about-text h1{margin-top:-1rem;font-size:4rem;margin-bottom:1rem}.about-text p{font-size:1.1rem;line-height:1.6}.about-button{flex:1;display:flex;justify-content:flex-end}.about-button button{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;padding:1rem 2rem;border-radius:2rem;border:none;cursor:pointer;background-color:#ffffffef;color:#002e67;transition:background .3s ease,transform .3s ease}.about-button button:hover{background-color:#1a3a6a;color:#fff;transform:scale(1.05)}.about-button .arrow{font-size:1.5rem}.about-icons{display:flex;gap:2rem;justify-content:right;text-align:right;margin-bottom:1.4rem;padding-left:1.5rem;padding-right:1.5rem}.about-icons img{width:2rem;height:2rem;transition:scale .3s ease;transition:filter .3s ease}.about-icons img:hover{scale:1.1;filter:invert(35%) sepia(100%) saturate(500%) hue-rotate(180deg) brightness(.8)}@media (max-width: 1200px){.about-section{border-radius:2rem;width:80%}.about-container{padding:4rem}.about-text h1{font-size:2.5rem;text-align:center}.about-text p{font-size:.9rem;text-align:center}.arrow{font-size:1rem}.about-button button{padding:.8rem 1.5rem;font-size:1rem}.about-icons{display:flex;gap:2rem;justify-content:center;text-align:center}}@media (max-width: 700px){.about-section{padding-top:0rem;padding-left:2rem;padding-right:2rem;border-radius:5%;width:90%}.about-container{flex-direction:column;padding:1rem;height:auto}.about-content{flex-direction:column;gap:1rem}.about-button{justify-content:center;padding-bottom:2.5rem}.about-text h1{font-size:3rem;text-align:center;padding-top:1.5rem}.about-text p{font-size:.9rem;text-align:center;padding-left:2rem;padding-right:2rem;padding-bottom:1.5rem}.about-button button{padding:.7rem 1.5rem;font-size:.9rem}.about-icons{gap:2rem;justify-content:center;text-align:center}.about-icons a{display:flex;gap:2rem;justify-content:center;text-align:center}}.projects-section{padding:4rem 2rem;color:#fff;text-align:center}.projects-list{display:flex;flex-direction:column;gap:1rem;max-width:50rem;margin:2rem auto;animation:scrollappear ease-in;animation-timeline:view();animation-range:entry 0 cover 40%}#projects{margin-top:-5rem}#coffee{display:flex;justify-content:center;text-align:center;font-size:5rem;margin-left:.6rem;filter:drop-shadow(0px 1rem 3px #08070782);animation:scrollappear ease-in;animation-timeline:view();animation-range:entry 0 cover 40%;transition:transform .7s ease}#coffee:hover{cursor:default;transform:translateY(-.7rem)}#projectstitle{display:flex;justify-content:center;text-align:center;margin-left:.6rem;font-size:4rem;letter-spacing:.1rem;filter:drop-shadow(0px 1rem 3px #08070782);animation:scrollappear ease-in;animation-timeline:view();animation-range:entry 0 cover 40%;transition:letter-spacing .7s ease}#projectstitle:hover{cursor:default;letter-spacing:.25rem}.project-item{display:flex;justify-content:space-between;padding:1rem 2rem;background-image:linear-gradient(to right,#c7c4c4,#fffffff7);border:none;border-radius:1rem;cursor:pointer;color:#000;font-size:1.1rem;transition:background .5s ease;filter:drop-shadow(0px 1rem .5rem #08070782)}.project-item:hover{background-image:linear-gradient(to left,#282727,#3e3e3ff7);color:#fff}.project-name{font-weight:700}.project-year{opacity:.7}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{display:flex;gap:2rem;background-image:linear-gradient(to right,#1c1c1c,#142f56d7);padding:2rem;border-radius:12px;max-width:900px;width:90%;color:#fff;padding-left:2.5em;padding-right:2.5rem;position:relative;max-height:80vh;overflow-y:auto}.modal-left{flex:1}.modal-left h2{font-size:2rem;padding-top:1rem;text-align:left}.modal-left p{font-size:1.2rem;margin-top:1.5rem;text-align:justify;padding-right:1rem}.project-icons{display:flex;gap:16px;margin-top:.7rem;font-size:24px;text-align:center;transition:transform .3s ease,color .3s ease;cursor:pointer}.project-icons:hover{color:#00b1cc}.visit{background-color:#134e62;width:6rem;border-radius:1rem;text-align:center;border:none;cursor:pointer;color:#fff;font-size:1.5rem;margin-bottom:1.5rem}.visit:hover{color:#000;background-color:#fff}.modal-exit{margin-left:1rem;margin-top:2rem;background:#fff;color:#000;border:none;border-radius:8px;font-size:1.5rem;cursor:pointer;transition:background .2s ease;width:6rem;border-radius:1rem}.modal-exit:hover{background:#4d5c6a;color:#fff}#visit{text-decoration:none;font-size:1.5rem}.modal-right{display:flex;justify-content:center;align-items:center;flex:1}.modal-right img{justify-content:center;align-items:center;width:27rem;height:17rem;border-radius:8px;cursor:pointer;transition:border .2s ease-in-out}.modal-right img:hover{opacity:.8;border:#ffffff solid .5rem;border-radius:1rem}@media (max-width: 900px){.modal-content{display:flex;height:auto;overflow-wrap:break-word;padding-left:3rem;padding-right:3rem;flex-direction:column;align-items:center;text-align:center;margin-top:4em;margin-bottom:4rem}.modal-right img{width:100%;max-width:25rem;height:auto;margin-bottom:1.5rem}.modal-left{text-align:center;padding:0}.modal-left p{padding-right:0}}@media (max-width: 1000px){#projectstitle{display:flex;justify-content:center;text-align:center;font-size:3.5rem;letter-spacing:.1rem}}@media (max-width: 900px){#projectstitle{display:flex;justify-content:center;text-align:center;font-size:2.5rem;letter-spacing:.1rem}}@media (max-width: 670px){#projectstitle{display:flex;justify-content:center;text-align:center;font-size:3rem;letter-spacing:.1rem}}@media (max-width: 600px){#projectstitle{display:flex;justify-content:center;text-align:center;font-size:3rem}}.skills-section{padding:0rem 2rem;text-align:center}.skills-section h1{font-size:4rem;margin-bottom:2rem;letter-spacing:.5rem;filter:drop-shadow(1rem 1rem .4rem #08070782);animation:scrollappear ease-in;animation-timeline:view();animation-range:entry 0 cover 40%;transition:letter-spacing .7s ease}.skills-section h1:hover{cursor:default;letter-spacing:.2rem}.skills-section p{margin-top:3rem;font-size:1.1rem;font-weight:700;filter:drop-shadow(1rem 1rem .4rem #08070782);margin-bottom:3rem;transition:letter-spacing .7s ease}.skills-section p:hover{cursor:default;letter-spacing:.15rem}.skills-grid{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.skills-column{flex:1;min-width:280px;max-width:350px;animation:scrollappear ease-in;animation-timeline:view();animation-range:entry 0 cover 40%}.skills-column h2{margin-bottom:1.5rem;font-size:1.5rem;color:#fff;filter:drop-shadow(1rem 1rem .4rem #08070782);transition:letter-spacing .7s ease}.skills-column h2:hover{cursor:default}.skills-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;justify-items:center}.skill-icon{display:flex;justify-content:center;align-items:center;background-image:linear-gradient(#05317487,#1d1c1c95);border-radius:2rem;width:80px;height:80px;transition:transform .2s ease,box-shadow .2s ease;filter:drop-shadow(1rem 1rem .4rem #08070782)}.skill-icon img{width:60%;height:60%;object-fit:contain}.skill-icon:hover{transform:scale(1.1);box-shadow:0 0 15px #ffffff4d}@media (max-width: 1000px){.skills-section h1{font-size:3rem;margin-bottom:2rem;letter-spacing:0rem;filter:drop-shadow(1rem 1rem .4rem #08070782)}}@media (max-width: 900px){.skills-section h1{font-size:2.5rem;margin-bottom:2rem;letter-spacing:0rem;filter:drop-shadow(1rem 1rem .4rem #08070782)}}@media (max-width: 580px){.skills-section h1{font-size:2rem;margin-bottom:2rem;filter:drop-shadow(1rem 1rem .4rem #08070782)}}@keyframes scrollappear{0%{opacity:0}to{opacity:1}}.footer{background-color:transparent;color:#fff;padding:40px 20px;text-align:center}.footer-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px}.footer-title{font-size:2rem;margin-bottom:10px;transition:letter-spacing .7s ease;filter:drop-shadow(0px 1rem .5rem #08070782);animation:scrollappear ease-in;animation-timeline:view();animation-range:entry 0 cover 40%}.footer-title:hover{cursor:default;letter-spacing:.1rem}.contact-form{display:flex;flex-direction:column;width:100%;max-width:500px;gap:12px;filter:drop-shadow(0px 1rem .5rem #08070782)}.input-box{padding:12px;border:none;border-radius:6px;color:#000;font-size:1rem;background-image:linear-gradient(to left,#e7e7e7c5,#87a5db7b);animation:scrollappear ease-in;animation-timeline:view();animation-range:entry 0 cover 20%}.textarea{resize:none;height:120px}.send-btn{padding:12px;border:none;border-radius:6px;background-image:linear-gradient(to left,#0b2d56,#2991d68a);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:background .3s}.send-btn:hover{background-color:#001e3f}.social-icons{display:flex;gap:2rem;justify-content:center;margin-top:2rem;padding-bottom:2rem}.social-icons img{width:2.5rem;height:2.5rem;transition:transform .2s;filter:drop-shadow(0px 1rem .5rem #08070782)}.social-icons img:hover{transform:scale(1.1)}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Inter,sans-serif}body{width:100%;min-height:100vh;background-image:linear-gradient(#00000080,#02204780),url(/assets/bgimage.png);background-size:120% 105%;background-position:top right;background-repeat:no-repeat;background-attachment:scroll;color:#fff;overflow-x:hidden}section{max-width:2500px;margin:0 auto;padding:5% 10%;text-align:center;position:relative}.aboutcontainer{display:flex;justify-content:center;align-items:center;background-image:url(/images/large-triangles.svg);background-attachment:fixed;background-position:center;background-size:cover;border-radius:2rem;gap:2rem;flex-wrap:wrap}.aboutme{display:grid;grid-template-columns:60% 40%;gap:1.5rem;background-image:url(/images/subtle-prism.svg);border-radius:3rem}.aboutme h1{font-size:3rem;margin-bottom:1rem}.aboutme h2{font-size:1.2rem;font-weight:400}.projectcontainer{padding-bottom:50px}.projectcontainer h1{font-size:4rem;font-weight:bolder;padding-top:50px}.projectcontainer p{font-size:1.2rem;padding:0 10rem 3rem}.projectgallery{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.projectgallery .image{width:400px;height:400px;overflow:hidden;border-radius:20px;cursor:pointer;box-shadow:0 5px 15px #0000001a}.projectgallery .image img{width:100%;height:100%;object-fit:cover;transition:.2s ease-in-out}.projectgallery .image:hover img{transform:scale(1.1);filter:brightness(70%)}footer{width:100%;background-color:#063045;padding:50px 10%;text-align:center;color:#fffff1}footer .row{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}footer .col{flex-basis:30%;margin-bottom:20px}footer a{color:#fffff1;text-decoration:none;transition:.3s ease}footer a:hover{font-weight:bolder;letter-spacing:2px}@media (max-width: 1200px){body{width:100%;min-height:100vh;background-image:linear-gradient(#00000080,#02204780),url(/assets/bgimage-DcKB4YKW.png);background-size:140% 103%;background-position:bottom right;background-repeat:no-repeat;background-attachment:scroll;color:#fff;overflow-x:hidden}}@media (max-width: 950px){body{width:100%;min-height:100vh;background-image:linear-gradient(#00000080,#02204780),url(/assets/bgimage-DcKB4YKW.png);background-size:140% 103%;background-position:bottom right;background-repeat:no-repeat;background-attachment:scroll;color:#fff;overflow-x:hidden}.aboutme{grid-template-columns:1fr}.projectgallery .image{width:250px;height:250px}footer .row{flex-direction:column;align-items:center}footer .col{flex-basis:100%;text-align:center}}@media (max-width: 700px){body{width:100%;min-height:100vh;background-image:linear-gradient(#00000080,#02204780),url(/assets/bgimage-DcKB4YKW.png);background-size:150% 105%;background-position:bottom right;background-repeat:no-repeat;background-attachment:scroll;color:#fff;overflow-x:hidden}.aboutme h1{font-size:1.8rem}.aboutme h2{font-size:.9rem}.projectcontainer h1{font-size:2rem}.projectcontainer p{padding:0 5%;font-size:.9rem}}