:root{--accent: #ff830f;--background: #f7f6f5;--fonts: #20190f;--disabled: #edc8a5;--secondary: #F7A2A1;--gradient: linear-gradient(135deg, hsla(1, 84%, 80%, 1) 34%, hsla(29, 100%, 53%, 1) 94%)}*{margin:0;padding:0;box-sizing:border-box;font-size:10px;font-family:monospace}#root,body{background-color:var(--background)}h1,h2,h3,p,a{color:var(--fonts)}h2{font-size:3rem}h3{font-size:2.2rem}p,button,a{font-size:1.8rem}span,small{font-size:1.5rem}@media (max-width: 760px){#contact-section,#stack-section,#projects-section{padding-top:10.5rem!important}}@media (min-width: 1200px){#root{margin:0 auto;max-width:1200px}body #hello-section,#contact-section,#stack-section,#projects-section{padding:0 0 5rem!important}}.header-holder{height:10rem;width:100%;position:relative}.header{background-color:var(--background);width:100%;height:10rem;padding:1rem 2rem;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--fonts)}.logo{width:7.5rem;border-radius:4rem;border:1.5px solid var(--fonts)}.icon{transition:all .5s ease-in-out}.icon:hover{cursor:pointer;transform:scale(1.1);transition:all .4s ease-in-out}@media (max-width: 769px){.header{position:fixed;z-index:10}}@media (min-width: 1025px){.header{position:relative}}aside{background-color:var(--background);height:100vh;width:80%;position:fixed;top:0;right:0;border-left:1px solid var(--fonts);z-index:10}.close-icon{margin:1rem 2rem}.guide-line{height:80%;margin-right:5rem;border-right:1px solid var(--fonts);display:flex;flex-direction:column;justify-content:space-around;align-items:end;text-align:right}.ref-span{font-size:3rem;width:fit-content;border:1px solid var(--fonts);padding:1rem 1.5rem;margin-right:1rem;border-radius:12rem;position:relative;display:inline-block;transition:background-color .5s ease}.ref-span:hover,.active{background:var(--gradient);color:var(--background);transition:.4s}.side-ref .ref-span:after{content:"";width:100%;height:50%;position:absolute;left:0;top:50%;transition:.5s transform ease;transform:scale3d(0,1,1);transform-origin:100% 50%}@media (min-width: 769px){aside{background-color:transparent;width:25rem;height:90%;border-left:none;top:11.5rem}aside .ref-span{font-size:2rem}}@media (min-width:1025px){aside{right:calc(50% - 655px)}}#hello-section{height:calc(100vh - 13rem);padding:5rem 2rem;align-content:end}#hello-section h2{font-size:6rem;margin-right:9rem}#hello-section h1{font-size:11rem;margin:1rem 0 3rem}#hello-section .hello-btn{padding:1rem 3rem;border:1px solid var(--fonts);border-radius:3rem;background:var(--gradient);transition:.5s ease-in-out;text-decoration:none}#hello-section .hello-btn:hover{cursor:pointer;background:linear-gradient(180deg,#fdc0bf 18%,#ff8717 88%);box-shadow:0 3px 50px -3px var(--disabled);transition:.5s ease-in-out}@media (min-width: 769px){#hello-section h2{font-size:7.5rem}#hello-section h1{font-size:12rem;margin:1rem 0 3rem}}footer{min-height:6rem;padding:1.5rem 2rem;border-top:1px solid var(--fonts);display:flex;flex-wrap:wrap-reverse;gap:1rem;justify-content:center;align-items:center}footer .contact-footer-div a{margin:0 .5rem}@media (min-width: 400px){footer{justify-content:space-around}}#contact-section{padding:3rem 2rem}#contact-section .contact-description{margin:3rem 0;max-width:60rem}#contact-section #description-span{font-size:1.8rem;font-weight:600}#contact-section .contact-section-links{width:fit-content;border-radius:5rem;border:1px solid var(--fonts);padding:1rem 1.5rem;display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem}#contact-section .contact-section-links a{text-decoration-color:var(--secondary);font-weight:400;transition:all .5s ease-in-out}#contact-section .contact-section-links a:hover{color:var(--accent);font-weight:500;transition:all .5s ease-in-out;text-decoration-thickness:3px}@media (min-width: 769px){#contact-section{padding-bottom:10rem}}#stack-section{padding-left:2rem;padding-right:2rem}.stack-cards-container{max-width:30rem;padding:5rem 0 0;display:flex;justify-content:left;align-items:center;flex-wrap:wrap}.stack-card{width:10rem;height:10rem;padding:1rem;border:1px solid var(--fonts);display:flex;flex-direction:column;align-items:center;justify-content:space-between}.stack-image{position:relative;z-index:1;width:5rem;height:5rem;-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:all .4s ease-out;transition-delay:.5s}.stack-image:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%);transform:scale(1.2);transition:all .35s}.stack-name{font-size:1.5rem;font-weight:200}@media (min-width: 400px){.stack-cards-container{max-width:60rem;margin:0;padding-left:0}}@media (min-width:769px){#stack-section{padding:0 2rem}.stack-cards-container{padding-bottom:5rem}}#projects-section{padding-left:2rem;padding-right:2rem;padding-bottom:4rem}.projects-cards-container{padding:4rem 0 0;display:flex;flex-direction:column}.project-card{display:flex;flex-direction:column;padding:1rem 0;margin-bottom:1rem;border-top:1px solid var(--fonts)}.top-section{display:flex;justify-content:space-between;align-items:center}.top-section .links{display:flex;flex-wrap:nowrap;align-items:center}.top-section .links a{margin-left:1rem}.top-section .links a img{width:2.4rem;border-radius:2.4rem}.top-section .links a img:hover{box-shadow:1px 1px 60px -5px var(--fonts);transform:scale(1.1);transition:.5s}.top-section .links a:last-of-type img{width:3.3rem}.stack-row{padding:1rem 0;margin-top:1rem}.stack-row span{border:1px solid var(--fonts);padding:.5rem 1rem;margin-right:1rem;border-radius:1.5rem;cursor:default}@media (min-width: 769px){#projects-section{padding:7rem 2rem}.projects-cards-container{padding-left:0}.project-card{max-width:50rem}}@media (min-width: 900px){.project-card{max-width:60rem}}