@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-mid:#212121;--bg-light:#2f2f30;--text-primary:#fff;--text-secondary:#bbb;--text-muted:#888;--accent-primary:#10b981;--accent-hover:#059669;--accent-glow:#34d399;--border-light:#232323;font-family:Poppins,sans-serif;font-style:normal;font-weight:400}.poppins-light{font-family:Poppins,sans-serif;font-style:normal;font-weight:300}.poppins-regular{font-family:Poppins,sans-serif;font-style:normal;font-weight:400}.poppins-bold{font-family:Poppins,sans-serif;font-style:normal;font-weight:700}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}#root{position:relative}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.17rem}.motion-div{width:inherit;display:inherit;justify-content:center}footer{background-color:var(--bg-light);justify-content:center;width:100%;height:100%;padding:20px;display:flex}.footer-content{grid-template:"footer-navigation footer-contact footer-social"210px"footer-legal footer-legal footer-legal"70px/1fr 1fr 1fr;width:1200px;display:grid}.footer-content>:not(.footer-legal){width:400px;height:210px;color:var(--text-primary);padding:20px}.footer-navigation{grid-area:footer-navigation}.footer-contact{grid-area:footer-contact}.footer-social{grid-area:footer-social}.footer-legal{text-align:center;height:60px;color:var(--text-primary);grid-area:footer-legal;display:block}.flex-column{flex-direction:column;justify-content:center;align-items:center;display:flex}.footer-h2{text-align:center;height:50px}.footer-link{color:var(--text-secondary);text-align:center;margin:0 auto;text-decoration:none;transition:all .2s;display:block}.footer-link:hover,.footer-p a:hover{color:var(--text-muted)}.footer-p a{color:var(--text-secondary);text-decoration:none}.footer-p{color:var(--text-secondary);text-align:center}@media screen and (max-width:768px){.footer-content{flex-wrap:wrap;justify-content:center;width:100%;display:flex}.footer-content>:not(.footer-legal){width:90%;height:210px;color:var(--text-primary);padding:20px}}@media screen and (min-width:768px) and (max-width:1199px){.footer{width:100vw;padding:0}.footer-content>:not(.footer-legal){width:33vw;height:210px;color:var(--text-primary);padding:20px}.footer-h2{font-size:1.2rem}.footer-legal{text-align:center;max-width:100%}.footer-content{width:100%}}.message{z-index:999;opacity:0;border-radius:15px;justify-content:center;align-items:center;width:360px;height:100px;transition:all .3s;display:flex;position:fixed;bottom:1%;left:1%}.message h1{color:var(--text-primary);font-size:1rem}.message-error{opacity:1;background-color:#d32f2f}.message-success{opacity:1;background-color:#2e7d32}@media screen and (max-width:768px){.message{width:90%;height:100px;margin:auto 10px;position:fixed}}.wrapper{z-index:9999;background-color:var(--bg-mid);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loader{border:10px solid var(--text-primary);border-top:10px solid var(--text-muted);border-radius:50%;width:10vh;height:10vh;animation:1s linear infinite wrapperSpin}@keyframes wrapperSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact{background-color:var(--bg-mid);justify-content:center;align-items:center;height:100%;display:flex}.contact-container{flex-direction:column;justify-content:center;align-items:center;width:1200px;height:100%;padding:30px 40px;display:flex}.contact-form{background-color:var(--bg-light);border-radius:10px;width:60%;height:480px;margin:40px 0;padding:20px}.contact-form-h1{color:var(--text-primary)}.contact-form-row{flex-direction:column;display:flex}.form-input,.form-textarea{background-color:var(--bg-mid);color:var(--text-secondary);border:none;border-radius:5px;margin:10px;padding:10px;font-size:1rem;display:block}.form-input:focus,.form-textarea:focus{outline:1px solid var(--accent-primary)}.contact-form-row button{cursor:pointer;background-color:var(--bg-mid);margin:10px auto;display:block}.form-input{outline:none;height:2.5rem}.form-textarea{resize:none;outline:none}@media screen and (max-width:768px){.contact-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:15px;display:flex}.contact-form{background-color:var(--bg-light);border-radius:10px;width:100%;height:480px;margin:20px 0;padding:10px}.contact-form-h1{color:var(--text-primary)}.contact-form-row{flex-direction:column;width:100%;display:flex}.form-input,.form-textarea{background-color:var(--bg-mid);color:var(--text-secondary);border:none;border-radius:5px;margin:10px 0;padding:10px;font-size:1rem;display:block}.form-textarea{flex-grow:1}}header{background-color:#0000;justify-content:center;width:100%;height:60px;display:flex;position:relative}header nav{justify-content:space-between;align-items:center;width:1200px;height:60px;padding:5px 80px;display:flex}header nav ul{list-style:none;display:flex}header nav ul li{justify-content:center;align-items:center;width:90px;height:60px;display:flex}header nav ul li a{text-align:center;color:var(--text-primary);cursor:pointer;text-decoration:none;transition:all .2s}header nav ul li a:hover{color:var(--text-secondary)}.header-h1{height:60px;color:var(--text-primary);justify-content:center;align-items:center;display:flex}.header-h1 a{cursor:pointer;color:var(--text-primary);font-family:cursive,sans-serif;text-decoration:none;transition:all .2s}.header-h1 a:hover{color:var(--text-secondary)}header nav svg{display:none!important}@media screen and (max-width:768px){.navbar-hidden,header nav svg{color:var(--text-primary);font-size:2rem;display:block!important}.navbar-active{display:flex}header nav ul.navbar-hidden{top:0}header nav ul{background-color:var(--bg-mid);z-index:999;width:100%;height:100dvh;list-style:none;transition:all .3s;display:flex;position:fixed;top:-200%;left:0}header nav{padding:15px 30px}header nav ul li{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);justify-content:center;align-items:center;width:100%;height:60px;padding:10px 40px;font-size:1rem;display:flex}header nav ul li:first-child{border-top:none;border-bottom:none;height:60px;justify-content:flex-end!important}header nav ul li a{text-align:center;color:var(--text-primary);cursor:pointer;width:100%;text-decoration:none;transition:all .2s}}.home{background-color:var(--bg-mid);min-height:100dvh}.home-container{justify-content:center;align-items:flex-start;width:100%;height:auto;display:flex}.home-information{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;width:1200px;height:auto;padding:30px 80px;display:flex}.personal-information,.personal-image{flex-direction:column;justify-content:center;align-items:flex-start;width:auto;height:600px;display:flex}.personal-tech-stack{flex-direction:row;align-items:center;width:100%;height:100%;display:flex}.personal-tech-stack h3{border-right:3px solid var(--text-primary);width:auto;color:var(--text-primary);margin-right:15px;padding-right:15px}.tech-stack-img{cursor:pointer;border-radius:10px;width:50px;height:50px;margin:0 5px;transition:all .2s}.tech-stack-img:hover{transform:translateY(-10px)}.personal-img{outline:5px solid var(--text-primary);object-position:15% 50%;border-radius:50%;width:400px;height:400px}.personal-information h1{color:var(--text-primary);font-size:3.5rem}.personal-information h2{color:var(--text-secondary);font-size:1rem}.home-image{width:300px;height:100%}.home-information{height:100%}.personal-photo{width:100%;height:100%}.btns{margin-top:40px;display:flex}.btn{text-align:center;border:1px solid var(--accent-primary);width:200px;color:var(--accent-primary);background-color:#0000;border-radius:20px;margin-right:10px;padding:10px 20px;text-decoration:none;transition:all .2s}.btn:hover{background-color:var(--accent-hover);color:var(--bg-light);transform:translateY(-5px)}@media screen and (max-width:768px){.home-container{width:100%;height:100%}.home-information{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;width:100%;height:100%;padding:40px 20px;display:flex}.personal-information{flex-direction:column;order:2;justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex}.personal-image{flex-direction:column;order:1;justify-content:center;align-items:center;width:100%;height:100%;margin-bottom:30px;display:flex}.personal-tech-stack{flex-flow:wrap;flex-grow:1;order:3;justify-content:center;align-items:center;width:100%;display:flex}.personal-img{border-radius:50%;width:100%;height:100%}.personal-information h1{text-align:center;width:100%;font-size:2.5rem}.personal-information h2{text-align:center;width:100%}.personal-tech-stack h3{border-radius:none;text-align:center;border-right:none;border-bottom:3px solid var(--text-primary);text-align:center;width:100%;margin-top:30px;margin-right:0;padding-right:0}.tech-stack-img{margin:20px 5px}.tech-stack-img:hover{transform:translateY(0)}.btns{justify-content:center;width:100%;margin-top:30px;display:flex}.btn{text-align:center;border:1px solid var(--accent-primary);width:150px;color:var(--accent-primary);background-color:#0000;border-radius:20px;justify-content:center;align-items:center;margin:0 5px;padding:10px 20px;text-decoration:none;transition:all .2s;display:flex}.btn:hover{transform:translateY(0)}}@media screen and (min-width:768px) and (max-width:1600px){.personal-information{height:auto;min-height:350px}.personal-information h1{font-size:2.1rem}.personal-information h3{text-align:center}.btns{flex-direction:row;gap:10px;display:flex}.personal-image{width:auto;height:auto}.personal-img{width:25vw;max-width:300px;height:25vw;max-height:300px}}.projects{background-color:var(--bg-light);justify-content:center;height:auto;display:flex}.projects-content{width:1200px;height:100%;padding:30px 40px}.projects-header h1{color:var(--text-primary)}.projects-grid{grid-template-rows:auto;grid-template-columns:33% 33% 33%;gap:20px;margin:40px 0;display:grid}.project{background-color:var(--bg-mid);width:360px;height:540px;color:var(--text-secondary);border-radius:10px;padding:20px;transition:ease-in .2s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.project:hover{outline:1px solid var(--accent-glow)}.project-name-container{margin:7px 0}.project-description-container{margin-top:7px}.project-name-container h2{color:var(--text-primary)}.project-description-container p{color:var(--text-secondary);margin-bottom:10px}.project-img-container{border-radius:10px;width:100%;height:50%;display:block;overflow:hidden}.project-img{object-fit:cover;aspect-ratio:1;-webkit-user-select:none;user-select:none;width:100%;height:100%}.project-footer{position:absolute;bottom:5%}.project-footer a{cursor:pointer;border:1px solid var(--accent-primary);color:var(--text-primary);border-radius:10px;padding:3px 20px;text-decoration:none;transition:all .2s}.project-footer a:hover{color:var(--bg-mid);background-color:var(--accent-hover)}.stack{-webkit-text-decoration:underline var(--text-primary)2px;text-decoration:underline var(--text-primary)2px;text-underline-offset:5px;margin:8px}@media screen and (max-width:768px){.projects{height:auto}.projects-content{width:100%;height:100%;padding:15px}.projects-header h1{color:var(--text-primary)}.projects-grid{grid-template-rows:auto;grid-template-columns:auto;gap:30px;width:100%;margin:20px 0}.project{width:100%;height:540px;margin-left:auto;margin-right:auto;padding:20px}}@media screen and (min-width:768px) and (max-width:1199px){.projects-content{max-width:100vw}.projects-grid{grid-template-rows:auto;grid-template-columns:50% 50%;gap:20px;margin:20px 0;display:grid}}.not-found{background:var(--bg-medium);min-height:100vh}.content>*{margin:20px}.content h1{color:var(--text-primary)}.content h2{color:var(--text-secondary)}.content p{color:var(--text-muted);text-align:center}.content a{color:var(--text-primary);border:1px solid var(--text-primary);background-color:#0000;border-radius:15px;padding:10px 25px;font-size:1.2rem;text-decoration:none;transition:all .2s}.content a:hover{color:var(--text-primary);background-color:var(--bg-light)}.content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:calc(100vh - 60px);display:flex}