:root{font-family:sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#000;text-decoration:inherit;transition:color .3s ease,transform .3s ease}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.button{color:#fff;text-transform:uppercase;letter-spacing:1px;display:inline-block;font-weight:600;box-shadow:#63636333 0 2px 8px;border-radius:5px;background:#0a0096;padding:1rem;border:none;justify-content:center;font-family:sans-serif;cursor:pointer;text-align:center;transition:background-color .4s ease,transform .3s ease}.button.secondary{color:#000;background-color:transparent}.button:hover{background-color:#add8e6;color:#000;transform:translateY(-3px)}.button.secondary:hover{color:#fff}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@font-face{font-family:Barlow Condesed Semibold;src:local("Barlow_Condesed"),url(/assets/BarlowCondensed-SemiBold-BrYe_5tT.ttf)}@font-face{font-family:Barlow Condesed;src:local("Barlow_Condesed"),url(/assets/BarlowCondensed-Regular-DJ-RBg49.ttf)}@font-face{font-family:Barlow Condesed Light;src:local("Barlow_Condesed"),url(/assets/BarlowCondensed-Light-_SbCiYy6.ttf)}html,body,#root{height:100%;width:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}ul,ol{all:unset}@media only screen and (max-width: 56.25em){html{font-size:56%}}@media only screen and (max-width: 75em){html{font-size:65%}}.navbar{display:flex;justify-content:space-between;flex-direction:row;color:#fde8e8;font-size:1.44em;font-family:Barlow Condesed Semibold;padding:0 5rem;width:100%;position:relative;background-color:#fff;align-items:center}.header{position:fixed;width:100%;display:flex;height:5rem;z-index:1000}.img-div,.contact-div{display:flex;color:#000;gap:1rem;margin:0;align-items:center;list-style:none}.navbar-button{display:none;width:24px;height:24px;background:none;border:none;cursor:pointer;padding:0}#profile-img{height:2em;width:2em;border:3px solid #0411cb;border-radius:100em}.navbar-menu-image{display:flex;width:100%;object-fit:cover}@media (max-width: 768px){.navbar-button{display:flex}.contact-div{display:none;flex-direction:column;padding:0;gap:0;position:absolute;top:100%;right:0;width:100%;background-color:#fff;box-shadow:#63636333 0 2px 8px}.contat-div.open span{border-top:1px solid #e6e6e6;width:100%}.contact-div.open{display:flex}.menu-link{display:flex;width:100%;padding:8px 0;align-items:center;justify-content:center;border-top:1px solid rgb(238,238,238)}}.media-menu{display:flex;flex-direction:column;width:fit-content;height:fit-content;justify-content:space-between;background-color:#fff;position:relative;top:30%;box-shadow:#63636333 0 2px 8px}.media-menu img{height:2em;width:2em}.media-menu-list{list-style:none;display:flex;flex-direction:column;align-items:center;padding:.4rem}.media-menu-list li{transition:background-color .3s ease,transform .3s ease}.media-menu-list a{display:flex;height:fit-content;align-items:center;padding:.3em}.media-menu-list li:hover{background-color:#e6e6e6}@media only screen and (max-width: 56.25em){.media-menu{display:none}}.introduction{display:flex;height:100vh;position:relative;justify-content:flex-start;background-position:center;background:linear-gradient(to right,#f5f5f5cc,#f5f5f5cc),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='29'%3e%3crect%20width='100%25'%20height='100%25'%20fill='%23dedede'/%3e%3cpath%20fill='none'%20stroke='%23a8a499'%20stroke-width='2'%20d='M-50.129%2012.685C-33.346%2012.358-16.786%204.918%200%205c16.787.082%2043.213%2010%2060%2010s43.213-9.918%2060-10%2033.346%207.358%2050.129%207.685'/%3e%3c/svg%3e")}.introduction-content{display:flex;flex-direction:column;align-items:center;font-family:Barlow Condesed Semibold;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);max-width:90rem;width:92%}.introduction-header{font-size:4rem;text-transform:uppercase;letter-spacing:3px;text-align:center;margin:0}.introduction-info{max-width:50rem;margin:2rem 0 0}.introduction-paragraph{font-family:Barlow Condesed;width:100%;font-size:1.5rem;text-align:center}.home-scroll{position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.mouse{width:25px;height:40px;border:2px solid #333;border-radius:60px;position:relative;overflow:hidden}.mouse:before{content:"";width:5px;height:5px;position:absolute;top:7px;left:50%;transform:translate(-50%);background-color:#333;border-radius:50%;opacity:1;animation:wheel 1.3s infinite;-webkit-animation:wheel 1.3s infinite}.project-button{padding:1.5rem 7rem;font-size:1.3rem}@keyframes wheel{0%{top:7px;opacity:1}50%{top:16px;opacity:.5}to{top:24px;opacity:0}}@media only screen and (max-width: 37.5em){.introduction-paragraph{font-size:2rem}.home-content{padding:19rem 0 13rem;margin:auto;position:static;transform:translate(0)}}.about{background-color:#fafafa}.about-container{display:flex;padding:7rem 0;flex-direction:column;align-items:center;gap:4rem;font-family:Barlow Condesed}.about-header{font-size:4rem;text-transform:uppercase;margin:0;font-family:Barlow Condesed Semibold}.about-span{font-size:1.7rem;max-width:80%;color:#666;text-align:center}.about-span p{margin:0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:10rem;padding:0 10rem}.about-content-main{gap:1rem;display:flex;flex-direction:column}.about-content-header{font-size:2.3rem;margin:0}.about-content-paragraph{font-size:1.8rem;line-height:1.7;font-family:Barlow Condesed Light;max-width:60rem;margin:0}.about-button{width:12rem}.skills-container{font-size:1.7rem;gap:1rem;display:flex;flex-direction:column}.skill-card-container{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}@media only screen and (max-width: 37.5em){.about-span{font-size:1.8rem}}@media only screen and (max-width: 56.25em){.about-content{grid-template-columns:1fr;grid-gap:3rem;padding:2rem}}.projects-container{display:flex;padding:7rem 0;flex-direction:column;align-items:center;gap:4rem;font-family:Barlow Condesed}.projects-container ul{list-style:none}.projects-info{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding:0 10rem}.project-info h3{font-size:2.5rem;margin:0}.project-info{display:flex;flex-direction:column;padding:2rem 0}.project-info a{font-size:1rem;width:15rem;text-align:center}.project-info p{margin:0;font-size:1.8rem;color:#666;line-height:1.7;margin-bottom:2rem}.project-img{display:flex;justify-content:center;align-items:center}.project-img-content{width:100%;display:block;object-fit:cover}@media only screen and (max-width: 37.5em){.projects-span{font-size:1.8rem}.projects-info h3{font-size:2.4rem}.project-info p{font-weight:1.7rem}}@media only screen and (max-width: 56.25em){.projects-info{grid-template-columns:1fr;grid-gap:1rem;padding:2rem}.project-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}}.feedback-message{margin-top:1rem;text-align:center;color:green;font-weight:700}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.spinner{width:40px;height:40px;border:4px solid #ddd;border-top:4px solid #333;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.feedback-message{margin-top:1rem;text-align:center;color:green;font-weight:700;font-size:1.2rem}.contact-container{display:flex;padding:7rem 0;flex-direction:column;align-items:center;gap:4rem;font-family:Barlow Condesed;background-position:center;background:linear-gradient(to right,#f5f5f5cc,#f5f5f5cc),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='29'%3e%3crect%20width='100%25'%20height='100%25'%20fill='%23dedede'/%3e%3cpath%20fill='none'%20stroke='%23a8a499'%20stroke-width='2'%20d='M-50.129%2012.685C-33.346%2012.358-16.786%204.918%200%205c16.787.082%2043.213%2010%2060%2010s43.213-9.918%2060-10%2033.346%207.358%2050.129%207.685'/%3e%3c/svg%3e")}.projects-header{font-size:4rem;text-transform:uppercase;margin:0;font-family:Barlow Condesed Semibold}.projects-span{font-size:1.7rem;max-width:80%;color:#666;text-align:center}.projects-span p{margin:0}.contact-form-container{display:flex;flex-direction:column;background-color:#fff;box-shadow:#63636333 0 2px 8px;width:50%;padding:3rem;border-radius:5px}.contact-form{display:flex;flex-direction:column;gap:4rem}.contact-form textarea{resize:none}.contact-form label{color:#666;font-size:1.2rem;letter-spacing:1px;font-family:Barlow Condesed Semibold;display:block;text-align:left}.contact-form-input{color:#333;padding:1.5rem;width:100%;border:1px solid #ebebeb;font-size:1rem;letter-spacing:0px;background:#f0f0f0;border-radius:5px;font-weight:600}.form-field{display:flex;flex-direction:column;gap:1rem}.form-actions{display:flex;justify-content:flex-end}.submit-button{padding:1rem 2rem;font-size:1.4rem}@media only screen and (max-width: 37.5em){.projects-span{font-size:1.8rem}.project-info p{font-weight:1.7rem}.contact-form-container{width:80%}}.footer-container{margin:auto;width:92%}.main-footer{background:#000;color:#fff}.footer-upper{display:flex;justify-content:space-around;padding:8rem}.social-info-list{list-style:none;display:flex;flex-direction:row;gap:1rem}.social-info-list img{height:2em;width:2em}.social-info{display:flex;flex-direction:column;align-items:start;gap:1rem}.footer-container h2{font-size:2rem;text-transform:uppercase;letter-spacing:1px;margin:0;font-family:Barlow Condesed Semibold}.footer-container p{font-size:1.4rem;font-family:Barlow Condesed Regular;line-height:1.7;margin:0}.personal-info{display:flex;flex-direction:column;gap:1rem}.footer-lower{border-top:1px solid #444;text-align:center;color:#fff;padding:3.5rem 0}.footer-lower p{font-size:1rem}@media only screen and (max-width: 56.25em){.footer-upper{padding:6rem 0}}.project-details-container{padding:8rem 0;width:60%;margin:auto;display:flex;flex-direction:column;gap:1rem}.project-details-img{width:100%;display:flex;justify-content:center}.project-details-img img{width:90%}.project-content,.tools-used,.project-links{display:flex;flex-direction:column;gap:1rem}.project-content h2{font-size:2.4rem;margin:0;font-family:Barlow Condesed Semibold}.project-content p{font-size:1.2rem;font-family:Barlow Condesed Regular;margin:0;line-height:1.7;color:#666}.project-desc{display:flex;flex-direction:column;gap:1rem}.skill-card-container{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap;font-size:1.2rem;font-family:Barlow Condesed Semibold}.skill-card{padding:1rem 2rem;background-color:#f0f0f0;border-radius:5px;color:#666}.project-actions{display:flex;gap:1rem}.project-actions a{width:12rem}@media only screen and (max-width: 37.5em){.project-details h2{font-size:1.8rem}}