@import url(https://fonts.googleapis.com/css2?family=SUSE:wght@100..800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#111112;font-family:SUSE,serif;margin:0;z-index:0!important}:root{color-scheme:dark}.App{--primary-dark:#b9bbad;--text-light:#f4f4ed;--backgorund-dark-primary:#111112}.hero{min-height:100vh;min-height:100svh;padding-bottom:10rem!important}.rounded{border-radius:.5rem!important}.background-video{filter:brightness(.7);left:0;object-fit:cover;position:fixed;top:0}.hero-img-container{height:15rem}.hero-img{background-color:#fff6;border:.2rem solid var(--primary-dark);transition:all .3s ease-in-out}.hero-heading-primary{color:var(--text-light);font-weight:600}.hero-heading-secondary{word-wrap:balance!important;color:#b9bbad;font-weight:400}.hero-button{-webkit-backdrop-filter:blur(3rem);backdrop-filter:blur(3rem);background-color:var(--background-dark-secondary)!important;border:.1rem solid var(--primary-dark);display:flex;font-size:1.5rem;font-weight:400;height:3rem;justify-content:space-around;padding:0;width:9rem}.hero-button>*{color:var(--text-light);transition:all .1s ease-in-out}.icon{font-size:1.6rem}.hero-button:hover{background-color:var(--primary-dark)!important;transition:all .1s ease-in-out}.hero-button:hover>*{color:var(--backgorund-dark-primary)}.projects{background-color:#0000004d;display:flex;justify-content:center;margin:0;position:relative}.projectcard{background-color:var(--backgorund-dark-primary)!important;border:.1rem solid;border-color:(var(--primary-dark));color:var(--text-light)!important;transition:all .1s ease-in-out}.myheader{background-color:initial;color:var(--text-light);font-weight:500!important;height:5rem}.card-header{word-wrap:balance;border:none;border-bottom:.1rem solid;border-color:var(--primary-dark);font-size:1.6rem!important;font-weight:500}.card-body{-webkit-backdrop-filter:blur(0)!important;backdrop-filter:blur(0)!important;background-color:var(--background-dark-secondary)!important;flex-direction:column;padding:1rem}.icon{padding:0;text-align:center}.github-button{background-color:initial;border:.1rem solid var(--primary-dark);color:var(--text-light);font-size:1rem;height:2.25rem;opacity:0!important;transition:all .1s ease-in-out}.projectcard:hover .github-button{opacity:1!important;transition:all .1s ease-in-out}.github-button:hover{background-color:var(--primary-dark);color:var(--text-light);color:var(--backgorund-dark-primary)}.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:#0000;font-size:1rem;font-weight:700}.myfooter{background-color:#0000004d}.footer-text>*,.myfooter>*{color:var(--text-light)}.header-img{filter:invert(1);height:3rem!important;margin-left:.5rem!important}.footer-text{-webkit-user-select:none;user-select:none;width:50%}.scroll-button{border-radius:2rem;color:var(--text-light);cursor:pointer;padding:0;text-align:center!important;z-index:10!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;max-width:100rem!important;width:100%}.hero-container{animation-timeline:scroll()!important;animation:parallaxanim linear;background:none;transform:translateY(0);width:35rem}.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 (min-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{bottom:5rem;font-size:3.5rem;height:4.5rem;width:4.5rem}.hero-container{padding:1.5rem!important}}@media screen and (max-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{bottom:5rem;font-size:3.5rem;height:4.5rem;width:4.5rem}.hero-container{padding:1.5rem .2rem!important}}@media screen and (max-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}}
/*# sourceMappingURL=main.9d77c201.css.map*/