*{font-family:Arial,sans-serif;box-sizing:border-box}html{--primary-color: #1a89ad;--secondary-color: #b5e5fd;--main-font-color: #363636;--secondary-font-color: #787b87;--tertiary-font-color: #ffffff;--nav-color: #eeebeb;--bg-color: #ffffff;--filter-color: grayscale(100%) brightness(0%) invert(100%);color-scheme:light dark;--filter-color-2: invert(15%) sepia(0%) saturate(2201%) hue-rotate(178deg) brightness(89%) contrast(78%);--shadow-color: 0 1.5rem 4rem lightgrey}html[dark=true]{--primary-color: #355f6d;--secondary-color: #575757;--main-font-color: #8b8b8b;--tertiary-font-color: #dddddd;--nav-color: #3f3f3f;--bg-color: #121212;--filter-color: brightness(0%) saturate(100%) invert(73%) sepia(72%) saturate(1%) hue-rotate(357deg) brightness(103%) contrast(100%);--filter-color-2: brightness(0) saturate(100%) invert(73%) sepia(72%) saturate(1%) hue-rotate(357deg) brightness(103%) contrast(100%);--shadow-color: 0 1.5rem 4rem #000000}body{background-color:var(--bg-color)}.wrapper{max-width:1400px}.skills,.projects{padding:0rem 5rem 2rem}body{margin:0}.bottom-navbar{background-color:var(--nav-color);display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:relative}.bottom-navbar .top{background-color:#d3d3d3;clip-path:polygon(50% 0%,100% 100%,0% 100%,50% 0%);position:absolute;width:10%;height:50px;top:-10%;left:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}.bottom-navbar .top .go-to-top-sphere{width:20px;height:1rem;position:absolute;top:1%;left:50%;transform:translate(-50%,50%);text-align:center;z-index:2;pointer-events:auto}.bottom-navbar .imprint{width:40%;display:flex;align-items:end;gap:2rem;color:var(--main-font-color)}.bottom-navbar .imprint .license{font-size:10px;text-decoration:underline}.bottom-navbar .social-icons{height:30px;display:flex;gap:.5rem;filter:var(--filter-color-2)}.bottom-navbar .social-icons img{height:30px}.bottom-navbar .nav-menu{display:flex;width:40%;justify-content:space-around}.bottom-navbar .nav-menu a{text-decoration:none;color:var(--main-font-color)}@media screen and (min-width: 1400px){.wrapper{margin:0 auto}}@media screen and (max-width: 576px){.projects,.skills{padding:1rem 20px}.bottom-navbar .nav-menu{display:none}.bottom-navbar .imprint{flex-grow:1;flex-direction:column;gap:.5rem;align-items:start}}