.social{align-items:center;display:flex;flex-direction:column-reverse;height:300px;position:fixed;width:100px;z-index:1100}.social-item{margin:20px}.social-icon-link{color:#0009;font-size:40px}.social-item:hover{transform:scale(1.2);transition:all .2s ease-out}.navbar{align-items:center;background:var(--darker);border-bottom:6px solid var(--dark);display:flex;font-size:1.2rem;justify-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:999}.navbar,.navbar-container{height:80px}.nav-menu{display:flex;justify-content:center;text-align:center}.nav-item{height:80px;margin-inline:3vw}.nav-links{align-items:center;color:var(--lighter);display:flex;font-size:26px;height:100%;padding:.5rem 1rem;text-decoration:none}.nav-links:hover{background:var(--dark);color:var(--lightest);transition:all .2s ease-out}.menu-icon,.nav-links-mobile{display:none}.menu-icon{z-index:2000}@media screen and (max-width:960px){.NavbarItems{position:relative}.nav-menu{align-items:center;border-bottom:0;display:flex;flex-direction:column;height:60vh;left:0;position:absolute;top:-60vh;transition:all .4s ease;width:100%}.nav-menu.active{background:var(--darker);border-bottom:8px solid var(--dark);top:0;transition:all .4s ease}.nav-links{display:flex;justify-content:center;padding:10px;width:40vh}.nav-links:hover{background-color:var(--lighter);border-radius:0;color:var(--darker)}.menu-icon{cursor:pointer;display:flex;position:absolute;right:0;top:-6px;transform:translate(-100%,60%)}.fa-bars{font-size:2.6rem}.fa-bars,.fa-times{color:var(--lightest)}.fa-times{font-size:3rem;margin-block:-3px}.nav-links-mobile{background-color:initial;border:1px solid var(--lighter);border-radius:4px;color:var(--lighter);display:block;font-size:1.5rem;margin:2rem auto;padding:14px 20px;text-align:center;text-decoration:none;transition:all .3s ease-out;width:80%}.nav-links-mobile:hover{background:var(--lighter);color:var(--darker);transition:.25s}}*{--lightest:#fff;--lighter:#e6ff94;--light:#9dde8b;--dark:#40a578;--darker:#006769;--darkest:#131313;box-sizing:border-box;font-family:DejaVu Sans Mono;margin:0;padding:0;scroll-behavior:smooth}.btn{border:none;border-radius:2px;cursor:pointer;outline:none;padding:8px 20px;white-space:nowrap}.btn--primary{background-color:var(--darker);border:1px solid var(--darker);color:var(--darker)}.btn--outline{background-color:initial;border:2px solid var(--darker);color:var(--darker);padding:8px 20px;transition:all .3s ease-out}.btn--medium{font-size:20px;padding:8px 20px}.btn--large{font-size:20px;padding:12px 26px}.btn--large:hover,.btn--medium:hover{background:var(--darker);color:var(--lighter);transition:all .3s ease-out}video{height:100%;object-fit:cover;position:fixed;width:100%;z-index:-1}.hero-container{align-items:center;background-color:var(--lighter);box-shadow:inset 0 0 0 1000px #0003;display:flex;flex-direction:column;height:100vh;justify-content:center;object-fit:contain;padding:10px;width:100%}.hero-container>h2{color:var(--darker);margin-top:-100px}.hero-container>p{color:var(--darker);font-size:24px;margin:20px;text-align:center}.hero-btns{margin-top:32px}@media screen and (max-width:960px){.hero-container>h1{font-size:70px;margin-top:-150px}}@media screen and (max-width:768px){.hero-container>h1{font-size:50px;margin-top:-100px}.hero-container>p{font-size:20px}.btn-mobile{display:block;text-decoration:none}.btn{width:100%}}.cards{background:var(--darker);padding:4rem}h1{border-bottom:4px solid var(--dark);color:var(--lightest);text-align:center}.cards__container{flex-flow:column;margin:0 auto;max-width:1120px}.cards__container,.cards__wrapper{align-items:center;display:flex;justify-content:center}.cards__wrapper{flex-flow:wrap;margin-bottom:100px;position:relative}.cards__item{background-clip:padding-box;background-color:var(--lightest);border-radius:12px;display:flex;flex:2 1 auto;justify-content:center;margin:10px;max-width:220px;min-height:320px;padding:10px}.cards__item__link{display:flex;flex-flow:column;overflow:hidden;text-decoration:none;width:100%}.cards__item__pic-wrap{overflow:hidden;padding-top:67%;position:relative;width:100%}.fade-img{animation-duration:2s;animation-name:fade-img}.cards__item__pic-wrap:after{background-color:var(--darker);bottom:0;box-sizing:border-box;color:var(--lightest);content:attr(data-category);font-size:12px;font-weight:700;margin-left:10px;max-width:calc(100% - 60px);padding:6px 8px;position:absolute}.cards__item__img{background:var(--lightest);bottom:0;display:block;height:100%;left:0;max-height:100%;max-width:100%;object-fit:cover;position:absolute;right:0;top:0;transition:all .2s linear;width:100%}.cards__item__img:hover{transform:scale(1.1)}.cards__item__info{padding:10px}.cards__item__text{color:var(--darkest);font-size:14px;font-weight:100;padding:10px}.skill_item{background-color:var(--lightest);border-radius:10px;display:flex;flex:2 1 auto;justify-content:center;margin:10px;max-width:220px;padding:10px}.skill_item_text{color:var(--darkest);font-size:18px;font-weight:500;line-height:24px;white-space:nowrap}.skill_item:hover{cursor:pointer;transform:scale(1.1)}@media only screen and (min-width:1200px){.content__blog__container{width:84%}}@media only screen and (min-width:1024px){.cards__items{display:flex}}.footer-container{background-color:var(--darker);border-top:6px dashed var(--dark);padding:4rem 0 2rem}.footer-container,.footer-subscription{align-items:center;display:flex;flex-direction:column;justify-content:center}.footer-subscription{color:var(--lightest);margin-bottom:24px;padding:24px;text-align:center}.footer-subscription>p{font-size:20px}.footer-subscription-heading{font-size:24px;margin-bottom:24px}.footer-links{display:flex;justify-content:center;max-width:1000px;width:100%}.footer-link-items{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:16px;text-align:left;width:160px}.footer-link-items a{color:var(--lightest);font-size:20px;margin-bottom:.5rem;text-decoration:none}.footer-link-items a:hover{transform:scale(1.2);transition:.3s ease-out}.website-rights{color:var(--lightest);margin-bottom:16px}@media screen and (max-width:820px){.footer-links{padding-top:2rem}.footer-link-wrapper{flex-direction:column}}
/*# sourceMappingURL=main.30e8ed86.css.map*/