.NavbarItem{display:flex;justify-content:center;border-radius:50%;height:80%;aspect-ratio:1/1;transition:.5s;--margin:.75vw;margin-left:var(--margin);margin-right:var(--margin)}.NavbarItem:hover{scale:1.2!important;translate:2vw 0!important;box-shadow:0 6px 20px 10px #ffffff38}.NavbarItem>img{border:solid 2px white;height:100%;aspect-ratio:1/1;background:#fff;border-radius:50%}#NavbarContainer{z-index:1000;position:sticky;top:0;height:12vh;padding:2%;background:#00000080;box-shadow:0 10px 20px 20px #00000080;display:grid;grid-template-columns:1fr 1fr;justify-items:left}#Navbar-Outsider-Links{display:flex;justify-self:right;height:inherit;align-items:center}#Navbar-Insider-Links{color:#fff;text-align:center;display:flex;gap:2vw;align-items:center}#Navbar-Insider-Links>a{color:inherit}.Article{width:100%;position:relative;aspect-ratio:4/3;color:#fff;padding:5%;text-align:center;-webkit-user-select:none;user-select:none}.Article:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(30deg,#ffffff26,#7700ff26);filter:blur(5px);border-radius:15px;z-index:-1}.Article:hover{cursor:grab}.Article>h1{font-size:1.5rem}.Article-URLs{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.Article-URLs>div:nth-child(1)>a{display:flex;justify-content:left}.Article-URLs>div:nth-child(2)>a{display:flex;justify-content:right}@media (max-width:1000px){.Article>h1{font-size:2.8rem}.Article{height:100%}}@media (max-width:700px){.Article>h1{font-size:1.8rem}}@media (max-width:450px){.Article>h1{font-size:1.25rem}}.ArticleURL{transition:.5s}.ArticleURL:hover{scale:1.1}.ArticleURL>a{transition:.5s}.ArticleURL>a>img{border:solid 2px white;width:100%;border-radius:50%}#ArticlesContainer>.title{margin-bottom:12vh}.embla{max-width:100vw;margin:auto;--slide-spacing:5vw;--slide-size: 30%;--slide-height: fit-content}.embla__viewport{overflow:hidden}.embla__container{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing) * -1)}.embla__slide{transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing);width:var(--slide-size)}.embla__slide__img{border-radius:1.8rem;display:block;height:var(--slide-height);width:var(--slide-width);object-fit:contain}@media (max-width:1000px){.embla{--slide-size:60%;--slide-spacing:10vw}}#IntroContainer{color:#fff;width:70%;margin:auto;padding:5%;text-align:left;height:70vh;grid-template-columns:1fr;display:flex;padding-top:15svh;gap:10vw}#IntroContainer-Text>*{margin:0}#IntroContainer-Text>h1{font-size:2.5rem}#IntroContainer-Text>p{font-size:1.1rem}#IntroContainer-Links>.NavbarItem{--size:8.5vh;width:var(--size);height:var(--size);aspect-ratio:1/1;margin-bottom:2vh}#IntroContainer-Links>.NavbarItem>img{width:inherit;height:fit-content}@media (max-width:900px){#IntroContainer-Text>h1{font-size:2rem}#IntroContainer-Text>p{font-size:.9rem}}#Technologies{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;height:70vh}@media (max-width:800px){#Technologies{grid-template-columns:repeat(2,1fr);height:80vh}}.Technology{border-radius:15px;aspect-ratio:3/4;height:80%;width:80%;justify-self:center;align-self:center;text-align:center;padding:2%;color:#fff;background:transparent;box-shadow:0 8px 28px -9px #00000073;position:relative;aspect-ratio:2/3;overflow:hidden}; .Technology::before{height:100%;width:100%}.infotop>img{height:80%;object-fit:contain;z-index:1}.wave{position:absolute;width:100%;height:100%;opacity:.6;left:0;top:0;z-index:0;margin-left:-50%;margin-top:-70%;background:linear-gradient(744deg,#af40ff,#5b42f3 60%,#00ddeb)}.icon{width:3em;margin-top:-1em;padding-bottom:1em}.infotop{text-align:center;font-size:1.5rem;position:absolute;top:20%;height:20%;width:80%;margin:auto;left:0;right:0;color:#fff;font-weight:600}.infotop>progress{width:100%}.name{font-size:1rem;font-weight:100;position:relative;top:1em;text-transform:lowercase}.wave:nth-child(2),.wave:nth-child(3){top:210px}.playing .wave{border-radius:40%;animation:wave 3s infinite linear}.wave{border-radius:40%;animation:wave 20s infinite linear}.playing .wave:nth-child(2){animation-duration:4s}.wave:nth-child(2){animation-duration:50s}.playing .wave:nth-child(3){animation-duration:5s}.wave:nth-child(3){animation-duration:45s}@keyframes wave{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{scroll-behavior:smooth}@-webkit-keyframes background{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@-moz-keyframes background{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes background{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body{margin:0;font-family:Roboto,sans-serif;animation:background 10s ease infinite;background:linear-gradient(210deg,#57db7d,#3013cb,#b05ab6,#1a059d,#81e2ef);background-size:150% 150%}.title{color:#fff;text-align:center;font-size:3rem;margin:auto;width:50%;--padding:5vh;padding-top:var(--padding);padding-bottom:var(--padding)}@media (max-width: 768px){.title{width:100%}}