*{margin:0;padding:0}html{font-size:100%}body{text-rendering:optimizespeed;min-height:100vh;line-height:1.5}img,picture,svg,video{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}@keyframes blinking{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.blinking{animation:.5s linear infinite blinking}@keyframes roamingUpAndDown{0%{display:block;top:0}20%{top:20%}50%{top:50%}80%{top:80%}to{display:none;top:100%}}.roamingUpAndDown{animation:3s linear infinite roamingUpAndDown}@keyframes roamingUpAndDown2{0%{display:block;top:10%}20%{top:20%}50%{top:50%}80%{top:60%}to{display:none;top:80%}}.roamingUpAndDown2{animation:2s linear infinite roamingUpAndDown2}#bluryScreen{opacity:.1;z-index:5;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}#bluryScreen div{opacity:.05;background-color:#252525;width:100%;position:absolute}#bluryScreen div:first-of-type{height:60px}#bluryScreen div:nth-of-type(2){height:80px}#cookieBanner{background-color:#252525;border-top:4px solid #a4df89;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:10px 0;display:flex;position:fixed;bottom:0}#cookieBanner p{text-align:center;margin-bottom:20px}#cookieBanner .buttons button{color:#a4df89;border:2px solid #a4df89;width:120px;margin:0 10px;padding:5px;transition:all .8s;box-shadow:0 0 4px #a4df89}#cookieBanner .buttons button:hover{color:#252525;background-color:#a4df89;border-color:#252525;box-shadow:0 0 4px #252525}body{letter-spacing:1px;color:#a4df89;background-color:#252525;min-height:100vh;font-family:Space Mono,monospace;font-size:16px;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;justify-content:space-between;min-height:100vh;display:flex}@media (width>=1400px){#root{flex-direction:row}}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:#465f3b}::-webkit-scrollbar-thumb{background:#a4df89}.navigationLink{text-align:center;text-transform:uppercase;letter-spacing:.5px;border:1px solid #a4df89;margin:2px 0;padding:10px;font-size:20px;font-weight:700;transition:all .8s;box-shadow:0 0 4px #a4df89}@media (width>=1400px){.navigationLink:hover{color:#252525;background-color:#a4df89;border-color:#252525;box-shadow:0 0 4px #252525}}.navigationLink.active{color:#252525;background-color:#a4df89;border-color:#252525;animation:1s linear infinite blinking;box-shadow:0 0 4px #252525}.contactLink{letter-spacing:.5px;text-align:center;border:1px solid #a4df89;width:250px;margin:2px 0;padding:3px 10px;transition:all .6s;box-shadow:0 0 4px #a4df89}@media (width>=1400px){.contactLink:hover{color:#252525;background-color:#a4df89;border-color:#252525;box-shadow:0 0 4px #252525}}.socialLink{letter-spacing:.5px;text-align:center;border:1px solid #a4df89;width:250px;margin:2px 0;padding:3px 10px;transition:all .6s;box-shadow:0 0 4px #a4df89}@media (width>=1400px){.socialLink:hover{color:#252525;background-color:#a4df89;border-color:#252525;box-shadow:0 0 4px #252525}}header{z-index:100;background-color:#252525;flex-direction:column;align-items:center;padding-top:20px;display:flex;position:sticky;top:0}header .logo img{border:1px solid #a4df89;width:80px;padding:10px;box-shadow:0 0 4px #a4df89}header #navigationWrapper{border-top:4px solid #a4df89;border-bottom:4px solid #a4df89;flex-direction:column;align-items:center;width:100%;margin-top:20px;display:flex}header #navigationWrapper .hamburger{padding:10px;display:block}header #navigationWrapper .hamburger img{width:40px}@media (width>=1400px){header #navigationWrapper .hamburger{display:none}}header #navigationWrapper nav{flex-direction:column;max-height:0;transition:max-height .5s;display:flex;overflow:hidden}header #navigationWrapper nav .navContactLinks{flex-direction:column;align-items:center;width:100%;margin-top:20px;display:flex}header #navigationWrapper nav .navSocialLinks{flex-direction:column;align-items:center;width:100%;margin-top:20px;margin-bottom:20px;display:flex}header #navigationWrapper nav.open{max-height:600px}@media (width>=600px){header #navigationWrapper{border-width:2px;padding:10px 0}}@media (width>=1400px){header{position:unset;top:unset;z-index:unset;flex:0 0 20%;margin-top:20px;margin-left:20px;padding:0}header .logo{width:100%}header .logo img{width:85%;margin:auto}header #navigationWrapper{border:none;margin:0;padding:0}header #navigationWrapper nav{flex-flow:wrap;justify-content:center;align-items:center;width:90%;max-height:none;transition:none;overflow:visible}header #navigationWrapper nav .navigationLink{width:100%}header #navigationWrapper nav .navContactLinks a,header #navigationWrapper nav .navSocialLinks a{width:90%}header #navigationWrapper nav.open{max-height:unset}#display{border:2px solid #a4df89;flex:0 0 75%;max-height:90vh;margin-top:20px;margin-right:20px;overflow-y:scroll;box-shadow:0 0 4px #a4df89}}main{flex-direction:column;align-items:center;display:flex}main .hero div a{margin-top:20px;padding:5px;font-weight:400}main section{flex-direction:column;justify-content:center;align-items:center;width:100%;margin:60px 0;display:flex}main section div{flex-direction:column;align-items:center;width:90%;max-width:800px;display:flex}main section div h1{margin-bottom:20px}main section div p{margin:5px 0}main section div p spam{font-size:1.2rem;font-weight:700}#home .homeCards{margin-top:0}#home .homeCards .homeCard{color:#252525;background-color:#a4df89;border:1px solid #a4df89;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:380px;height:300px;margin-bottom:20px;padding:10px 0;display:flex;box-shadow:0 0 6px #a4df89}#home .homeCards .homeCard .cardImage{margin-bottom:20px}#home .homeCards .homeCard .cardImage img{background-color:#252525;width:50px;height:50px;padding:20px;box-shadow:0 0 6px #252525}#home .homeCards .homeCard .cardText h3{text-align:center;border-bottom:2px solid #252525;width:90%}@media (width>=600px){#home .homeCards{flex-direction:unset;flex-wrap:wrap;justify-content:space-around;max-width:800px}}#services .serviceCards{max-width:1400px;margin-top:0}#services .serviceCards .serviceCard{color:#252525;background-color:#a4df89;border:1px solid #a4df89;flex-direction:column;justify-content:space-between;align-items:center;width:90%;max-width:400px;min-height:550px;margin-bottom:20px;padding:10px 0;display:flex;box-shadow:0 0 6px #a4df89}#services .serviceCards .serviceCard .cardImage{margin-top:20px}#services .serviceCards .serviceCard .cardImage img{background-color:#252525;width:50px;padding:20px;box-shadow:0 0 6px #252525}#services .serviceCards .serviceCard .cardText{flex-direction:column;justify-content:flex-start;display:flex}#services .serviceCards .serviceCard .cardText h3{text-align:center;border-bottom:2px solid #252525;width:90%}#services .serviceCards .serviceCard .cardText h4{margin-bottom:20px}#services .serviceCards .serviceCard .cardText p{width:100%}#services .serviceCards .serviceCard .price{color:#a4df89;background-color:#465f3b;width:fit-content;margin-top:20px;padding:5px 15px;font-weight:700;box-shadow:0 0 6px #465f3b}@media (width>=900px){#services .serviceCards{flex-direction:unset;flex-wrap:wrap;justify-content:space-around}}#services a{margin-top:20px;box-shadow:0 0 4px #a4df89}#services a:hover{box-shadow:0 0 4px #252525}#projects .projectCards{max-width:1400px;margin-top:0}#projects .projectCards .projectCard{color:#252525;background-color:#a4df89;border:1px solid #a4df89;flex-direction:column;justify-content:space-between;align-items:center;width:90%;max-width:650px;margin-bottom:20px;padding-bottom:20px;display:flex;box-shadow:0 0 6px #a4df89}#projects .projectCards .projectCard .cardImage{width:100%;margin-bottom:20px}#projects .projectCards .projectCard .cardImage img{box-shadow:0 0 6px #252525}#projects .projectCards .projectCard .cardText{flex-direction:column;display:flex}#projects .projectCards .projectCard .cardText h3{text-align:center;border-bottom:2px solid #252525;width:90%}#projects .projectCards .projectCard .cardText a{border-width:2px;border-color:#252525;margin-top:20px}#projects .projectCards .projectCard .cardText a:hover{color:#a4df89;background-color:#252525;border-color:#a4df89}@media (width>=900px){#projects .projectCards{flex-direction:unset;flex-wrap:wrap;justify-content:space-around}}.case section div{margin-bottom:60px}.case section div h2,.case section div p{width:100%}.case section .tags{flex-direction:column;display:flex}.case section .tags p{color:#252525;background-color:#a4df89;width:fit-content;padding:5px 10px;display:inline}@media (width>=600px){.case section .tags{flex-flow:wrap;justify-content:center}.case section .tags p{margin:5px}}.case section .gallery .mobile{width:100%}.case section .gallery .mobile h2{margin-bottom:20px}.case section .gallery .mobile .imagesMobile{width:100%}.case section .gallery .mobile .imagesMobile img{border:2px solid #a4df89;max-height:60vh}.case section .gallery .desktop{width:100%}.case section .gallery .desktop h2{margin-bottom:20px}.case section .gallery .desktop .imagesDesktop{width:100%}.case section .gallery .desktop .imagesDesktop img{border:2px solid #a4df89}.case section .gallery .logo{width:100%}.case section .gallery .logo h2{margin-bottom:20px}.case section .gallery .logo .imagesLogo{width:100%}#cv section h1{text-transform:uppercase;border-bottom:1px solid #a4df89;width:90%;margin-bottom:20px;font-size:28px}#cv section div{margin-bottom:20px}#cv section div h2{width:100%;margin-top:20px}#cv section div p{width:100%}@media (width>=1400px){#cv{flex-flow:wrap;align-items:flex-start}#cv section{width:50%;margin:40px 0}}#contact{min-height:80vh}#contact .contactWrapper{flex-direction:column;justify-content:center;align-items:center;display:flex}#contact .contactWrapper div{margin-bottom:40px}#contact .contactWrapper div p{max-width:600px;margin-bottom:20px}#contact .contactWrapper div a{margin:5px 0}#contact .contactWrapper div form{border:2px solid #a4df89;flex-direction:column;justify-content:center;align-items:center;width:90%;padding:30px 0;display:flex;box-shadow:0 0 4px #a4df89}#contact .contactWrapper div form input{box-sizing:border-box;color:#a4df89;background-color:#252525;border:1px solid #a4df89;width:90%;margin:5px 0;padding:10px;display:block;box-shadow:0 0 4px #a4df89}#contact .contactWrapper div form textarea{box-sizing:border-box;color:#a4df89;background-color:#252525;border:1px solid #a4df89;width:90%;min-height:120px;margin:5px 0;padding:10px;display:block;box-shadow:0 0 4px #a4df89}#contact .contactWrapper div form button{cursor:pointer;color:#a4df89;letter-spacing:1.5px;background-color:#252525;border:1px solid #a4df89;width:90%;margin:5px 0;padding:10px;font-size:1.2rem;transition:all .8s;display:block;box-shadow:0 0 4px #a4df89}#contact .contactWrapper div form button:hover{color:#252525;background-color:#a4df89;border-color:#252525;box-shadow:0 0 4px #252525}#contact .contactWrapper div form input::-moz-placeholder{color:#465f3b}#contact .contactWrapper div form textarea::-moz-placeholder{color:#465f3b}#contact .contactWrapper div form input::placeholder,#contact .contactWrapper div form textarea::placeholder{color:#465f3b}@media (width>=600px){#contact .contactWrapper{flex-direction:row}}footer{border-top:4px solid #a4df89;flex-direction:column;align-items:center;width:100%;padding-top:20px;padding-bottom:10px;display:flex}footer .footerText{flex-direction:column;align-items:center;width:90%;max-width:800px;display:flex}footer .footerText div{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}@media (width>=800px){footer .footerText div{flex-direction:row}footer .footerText div a{margin:10px 20px}}footer .footerCopyRights{text-align:center;font-size:.8rem}footer .footerCopyRights p{margin:5px 0}footer .footerCopyRights p spam{font-family:Times New Roman,Times,serif}