@font-face{font-family:piepsis;src:url(./PermanentMarker-Regular-ClowKQab.ttf)}:root{--main-text-color: white;--primary-glow: rgb(2, 255, 2);--main-transition: all .5s;--dark-background: rgb(49, 49, 49);--gray-spacers: rgb(102, 102, 102);--h1TextShadow: 2px 2px 2px white, -2px -2px 2px white, 2px -2px 2px white, -2px 2px 2px white, 0 2px 2px white, 0 -2px 2px white, 2px 0 2px white, -2px 0 2px white;--h3TextShadow: 1px 1px 1px white, -1px -1px 1px white, 1px -1px 1px white, -1px 1px 1px white, 0 1px 1px white, 0 -1px 1px white, 1px 0 1px white, -1px 0 1px white;--h3TextShadowReverse: 3px 3px 3px rgb(0, 0, 0), -3px -3px 3px rgb(0, 0, 0), 3px -3px 3px rgb(0, 0, 0), -3px 3px 3px rgb(0, 0, 0), 0 3px 3px rgb(0, 0, 0), 0 -3px 3px rgb(0, 0, 0), 3px 0 3px rgb(0, 0, 0), -3px 0 3px rgb(0, 0, 0)}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--main-text-color);background-color:#1f1f1f;font-family:piepsis}h1{font-size:3rem;color:#000;text-shadow:var(--h1TextShadow)}h2{font-size:2rem;color:#d8d8d8;text-shadow:var(--h3TextShadowReverse)}h3{font-size:1.8rem;color:#000;text-shadow:var(--h3TextShadow)}#pieps-img{width:400px;filter:drop-shadow(0px 0px 5px white)}.spacer{display:flex;flex-direction:column;align-self:center;justify-self:center;height:1px;width:80%;background-color:var(--gray-spacers);margin-top:20px;margin-bottom:20px}canvas{position:fixed;z-index:-1000}.background{position:fixed;z-index:-1000;top:0;width:100%;height:100%;color:#fff;background-color:#0000;line-height:1.6;overflow-x:hidden;background-image:repeating-linear-gradient(to right,#3838384d 0 1px,transparent 1px 80px),repeating-linear-gradient(to bottom,#3838384d 0 1px,transparent 1px 80px)}.header-container{position:fixed;display:flex;flex-direction:row;top:0;width:100%;padding-left:20px;padding-right:20px;z-index:1000;justify-content:flex-end;background-color:var(--dark-background);box-shadow:0 0 5px #000}.lang-buttons{display:flex;justify-content:center;align-items:center;margin:10px;gap:10px}.lang-btn{all:unset;color:var(--main-text-color);padding:10px 10px 10px 8px;background-color:#004242;border-radius:5px;transition:var(--main-transition)}.lang-btn:hover{background-color:var(--main-text-color);color:var(--dark-background);box-shadow:var(--primary-glow)}.lang-btn.active{box-shadow:2px inset #000;background-color:var(--main-text-color);color:var(--dark-background)}main{display:block;padding-top:100px}.greeting-section{display:flex;flex-direction:column;justify-content:center;align-items:center}.greeting-wrapper{display:flex;flex-direction:column;justify-self:center;text-align:center;margin-top:50px}.piepssoft-sections{display:flex;flex-direction:column;width:100%;margin-bottom:100px}.piepssoft-section-header{display:flex;flex-direction:column;justify-content:center;align-items:center}.piepssoft-section-selector{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:50px;width:100%}.selector-text{display:flex;flex-direction:column;text-align:center}.selector-buttons{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:center;gap:100px}.selector-cards{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;min-width:350px;background-color:var(--dark-background);box-shadow:2px 2px 5px #000;border-radius:5px;transition:var(--main-transition)}.selector-cards:hover{cursor:pointer;background-color:#fff;box-shadow:0 0 25px orange}.card-img{max-width:280px;border:2px solid black}.card-heading{margin-bottom:30px}footer{background-color:var(--dark-background);color:var(--main-text-color);padding:60px 0 20px;position:relative;border-top:1px solid rgba(15,224,255,.1)}footer .grid-bg{opacity:.1}.footer-content{display:flex;padding-right:10%;padding-left:10%;justify-content:space-between;margin-bottom:40px;position:relative;z-index:1}.footer-logo h2{font-size:2rem;margin-bottom:15px}.footer-logo span{color:var(--main-text-color);text-shadow:0 0 10px var(--primary-glow)}.footer-logo p{max-width:300px;opacity:.7}.footer-social{display:flex;gap:15px}.footer-social a{display:flex;align-items:center;justify-content:center;color:var(--main-text-color);width:40px;height:40px;background-color:#0fe0ff1a;border-radius:4px;transition:var(--main-transition)}.footer-social a:hover{background-color:var(--main-text-color);color:var(--dark-background);box-shadow:0 0 15px var(--primary-glow)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.footer-bottom p{opacity:.7}@media (max-width: 840px){h1{font-size:2.2rem;color:#000;text-shadow:var(--h1TextShadow)}h2{font-size:1.8rem;color:#d8d8d8;text-shadow:var(--h3TextShadowReverse)}h3{font-size:1.5rem;color:#000;text-shadow:var(--h3TextShadow)}#pieps-img{width:300px}.selector-buttons{display:flex;flex-direction:column;gap:20px}.footer-content{display:flex;flex-direction:column;gap:30px;align-items:center;justify-content:center}}