@import "https://fonts.googleapis.com/css2?family=SUSE:wght@100..800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.App{--primary-dark:#b9bbad;--text-light:#f4f4ed;--backgorund-dark-primary:#111112}.hero{min-height:100svh;padding-bottom:10rem!important}.rounded{border-radius:.5rem!important}.background-video{object-fit:cover;filter:brightness(.7);position:fixed;top:0;left:0}.hero-img-container{height:15rem}.hero-img{border:.2rem solid var(--primary-dark);background-color:#fff6;transition:all .3s ease-in-out}.hero-heading-primary{color:var(--text-light);font-weight:600}.hero-heading-secondary{color:#b9bbad;font-weight:400;word-wrap:balance!important}.hero-button{-webkit-backdrop-filter:blur(3rem);backdrop-filter:blur(3rem);border:.1rem solid var(--primary-dark);justify-content:space-around;width:9rem;height:3rem;padding:0;font-size:1.5rem;font-weight:400;display:flex;background-color:var(--background-dark-secondary)!important}.hero-button>*{color:var(--text-light);transition:all .1s ease-in-out}.icon{font-size:1.6rem}.hero-button:hover{transition:all .1s ease-in-out;background-color:var(--primary-dark)!important}.hero-button:hover>*{color:var(--backgorund-dark-primary)}.projects{background-color:#0000004d;justify-content:center;margin:0;display:flex;position:relative}.projectcard{border:.1rem solid;border-color:(var(--primary-dark));transition:all .1s ease-in-out;color:var(--text-light)!important;background-color:var(--backgorund-dark-primary)!important}.myheader{height:5rem;color:var(--text-light);background-color:#0000;font-weight:500!important}.card-header{word-wrap:balance;border:none;border-bottom:.1rem solid;border-color:var(--primary-dark);font-weight:500;font-size:1.6rem!important}.card-body{flex-direction:column;padding:1rem;-webkit-backdrop-filter:blur(0)!important;backdrop-filter:blur(0)!important;background-color:var(--background-dark-secondary)!important}.icon{text-align:center;padding:0}.github-button{color:var(--text-light);border:.1rem solid var(--primary-dark);background-color:#0000;height:2.25rem;font-size:1rem;transition:all .1s ease-in-out;opacity:0!important}.projectcard:hover .github-button{transition:all .1s ease-in-out;opacity:1!important}.github-button:hover{color:var(--backgorund-dark-primary);background-color:var(--primary-dark)}.project-bottom{border-top:.1rem solid;border-color:var(--primary-dark);min-height:2.75rem}.project-info{box-sizing:border-box;flex-grow:1;font-size:1.1rem;font-weight:400}.badges{flex-wrap:wrap!important}.badge{background:0 0;font-size:1rem;font-weight:700}.myfooter{background-color:#0000004d}.myfooter>*,.footer-text>*{color:var(--text-light)}.header-img{filter:invert();height:3rem!important;margin-left:.5rem!important}.footer-text{-webkit-user-select:none;user-select:none;width:50%}.scroll-button{color:var(--text-light);cursor:pointer;border-radius:2rem;padding:0;z-index:10!important;text-align:center!important}.scroll-button:hover{background-color:var(--primary-dark);color:var(--backgorund-dark-primary);transition:all .1s ease-in-out}.projects-row{justify-content:center;width:100%;max-width:100rem!important}.hero-container{background:0 0;width:35rem;animation:linear parallaxanim;transform:translateY(0);animation-timeline:scroll()!important}.content{-webkit-backdrop-filter:blur(3rem);backdrop-filter:blur(3rem);justify-content:center;position:relative}@keyframes parallaxanim{0%{transform:translateY(0)}to{transform:translateY(18rem)}}@media screen and (width>=1020px){.myheader{font-size:3.5rem}.hero-heading-primary{font-size:5rem}.hero-heading-secondary{font-size:1.75rem}.project{min-height:18rem;width:29rem!important}.scroll-button{width:4.5rem;height:4.5rem;font-size:3.5rem;bottom:5rem}.hero-container{padding:1.5rem!important}}@media screen and (width<=1019px){.projectcard{margin-left:0;margin-right:0}.hero-heading-primary{font-size:3.5rem}.hero-heading-secondary{font-size:1.5rem}.myheader{font-size:2.5rem}.project{min-height:14rem;width:45rem!important}.scroll-button{width:4.5rem;height:4.5rem;font-size:3.5rem;bottom:5rem}.hero-container{padding:1.5rem .2rem!important}}@media screen and (width<=456px){.github-button .visit-text{display:none!important}.github-button{width:2.1rem!important}.footer-text{font-size:.9rem!important}.hero-heading-primary{font-size:12vw}.hero-heading-secondary{font-size:5.3vw}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#111112;margin:0;font-family:SUSE,serif;z-index:0!important}