:root{--black: #020202;--white: #fffcfc;--primaryBackground: #f9fafb;--secondaryBackground: #fcfcfd;--tertiaryBackground: #f2f4f7;--primaryText: #98a2b3;--primaryAccent: #6938ef;--secondaryAccent: #d946ef}@font-face{font-family:"Agrandir";src:url("/assets/fonts/agrandir-regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Agrandir";src:url("/assets/fonts/agrandir-bold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}html{background:var(--primaryBackground);height:100dvh}html *,html *:before,html *:after{font-family:"Agrandir",Verdana,sans-serif;box-sizing:border-box}body{margin:0;display:flex;flex-direction:column;min-height:100vh}#content{display:grid;flex-direction:column;grid-template-columns:repeat(8, minmax(0, 1fr));flex:1 1 0%;padding:1rem;gap:1rem}h1,h2,h3,h4,h5,h6,li{color:var(--primaryText);font-weight:500}p,span{color:var(--primaryText);font-weight:500}a{text-decoration:none;color:var(--primaryAccent);font-weight:500}a:hover{color:var(--secondaryAccent);text-decoration:underline}html .button{background:#0e5dc5;color:#121212;border-radius:5px;padding:8px 15px;cursor:pointer;font-size:14px;text-decoration:none;border:none;text-align:center;align-content:center;position:relative}html .button.clicked{font-size:0}html .button.clicked::after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='32' fill='none' stroke='%23ffffff' stroke-dasharray='50.26548245743669 50.26548245743669' stroke-linecap='round' stroke-width='8'%3E%3CanimateTransform attributeName='transform' dur='1s' keyTimes='0;1' repeatCount='indefinite' type='rotate' values='0 50 50;360 50 50'/%3E%3C/circle%3E%3C/svg%3E");background-size:100%;background-repeat:no-repeat;background-position:center;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:30px;height:30px}@keyframes navUnderline{0%{width:0}100%{width:100%}}header{background:hsla(0,0%,100%,.2);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);height:80px;position:static;display:flex;align-items:center;justify-content:center}header nav a{text-decoration:none;font-size:18px;margin:0 15px;position:relative}header nav a:not(.active):hover{color:#0e5dc5}header nav a:not(.active):hover::after{content:"";position:absolute;width:0;height:2px;background:#0e5dc5;bottom:-5px;left:0;animation:navUnderline .2s ease-in-out forwards}header nav a.active{color:#0e5dc5}header nav a.active::after{content:"";position:absolute;width:100%;height:2px;background:#0e5dc5;bottom:-5px;left:0}footer{display:flex;flex-direction:column}footer p{text-align:center}@keyframes fadeOutElem{to{opacity:0;visibility:hidden}}#page_home #intro{position:fixed;top:0;left:0;width:100dvw;height:100dvh;-o-object-fit:contain;object-fit:contain;z-index:9;pointer-events:none;background:#000}#page_home #intro.hide{animation:fadeOutElem 1s ease forwards}#page_home #skip-intro{position:fixed;bottom:20px;right:20px;color:#121212;background:#fffcfc;border:none;padding:10px 20px;font-size:14px;cursor:pointer;z-index:10;display:none;border-radius:10px;opacity:1}#page_home #skip-intro.hide{animation:fadeOutElem .2s ease forwards}#page_home .section-header{display:flex;position:relative;width:100%;justify-content:space-between}#page_home .section-header h3{position:relative;z-index:10;padding-bottom:.75rem;font-size:.75rem;line-height:1rem;font-weight:500;display:flex;align-items:anchor-center;gap:.5rem}#page_home .section-header h3 svg{width:1.25rem}#page_home .card{background:var(--tertiaryBackground);border-radius:1rem;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;flex-direction:column;padding:1rem;border:.75rem solid var(--secondaryBackground);width:100%;height:100%}#page_home #about{grid-column:span 2/span 2;flex-direction:column;gap:1.5rem;justify-content:space-between;position:relative;height:100%}#page_home #about .intro-content{display:flex;gap:1.5rem;flex-direction:row;align-items:center;height:100%}#page_home #about .intro-content .picture{width:130px;height:130px;position:relative}#page_home #about .intro-content .picture img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;border:.15rem solid var(--secondaryBackground);border-radius:1rem}#page_home #about .intro-content .picture img.drop-shadow{border:none;filter:blur(16px) saturate(6);opacity:.7;z-index:0}#page_home #about .intro-content .text{display:flex;flex-direction:column;gap:.25rem;justify-content:space-between;align-items:flex-start}#page_home #about .intro-content .text h4 span{color:var(--primaryAccent)}#page_home #dashboard{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));grid-column:span 6/span 6;gap:.75rem}#page_home #dashboard #status-and-weather{display:flex;height:100%;flex-direction:column;grid-column:span 1/span 1;gap:.75rem}#page_home #dashboard #status-and-weather #status{width:100%;height:100%}#page_home #dashboard #status-and-weather #status #status-content{display:flex;flex-direction:column;gap:10px}#page_home #dashboard #status-and-weather #status #status-content .status{display:flex;flex-direction:row;align-items:center;gap:10px}#page_home #dashboard #status-and-weather #status #status-content .status .indicator{position:relative;width:10px;height:10px}#page_home #dashboard #status-and-weather #status #status-content .status .indicator div{width:.5rem;height:.5rem;border-radius:50%;background:#d0d5dd;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@keyframes ping{75%,100%{transform:translate(-50%, -50%) scale(2);opacity:0}}#page_home #dashboard #status-and-weather #status #status-content .status .indicator div.ping{position:absolute;width:.5rem;height:.5rem;z-index:2;animation:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite}#page_home #dashboard #status-and-weather #status #status-content .status p{font-size:1rem;font-weight:bold;margin:0}#page_home #dashboard #status-and-weather #status #status-content .status.online .indicator div{background:#039212}#page_home #dashboard #status-and-weather #status #status-content .game{font-size:1.25rem;line-height:1.75rem;margin:0}#page_home #dashboard #status-and-weather #status #status-content .game span{color:#0e5dc5}#page_home #dashboard #status-and-weather #weather .temp{font-size:1.875rem;line-height:2.25rem;font-weight:500}#page_home #dashboard #status-and-weather #weather .condition{font-size:.875rem;line-height:1.25rem;margin:0}#page_home #dashboard #status-and-weather #weather img{position:absolute;bottom:10px;right:10px;width:80px}#page_home #dashboard #location{padding:0}#page_home #dashboard #location .map-container{position:relative}#page_home #dashboard #location .map-container .gm-bundled-control,#page_home #dashboard #location .map-container a[title="Open this area in Google Maps (opens a new window)"],#page_home #dashboard #location .map-container .gmnoprint{display:none !important}#page_home #dashboard #location .map-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:url("/assets/images/clouds.webp") no-repeat center center;background-size:cover;pointer-events:none}#page_home #dashboard #location .map-container #map{border-radius:.9rem}#page_home #dashboard #location .map-container .location-name{position:absolute;bottom:.5rem;right:.5rem;background:hsla(0,0%,100%,.2);color:#121212;padding:.25rem 1rem;border-radius:30px;font-size:1.125rem;line-height:1.25;z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 4px 6px -1px rgba(49,46,129,.1),0 2px 4px -2px rgba(49,46,129,.1)}#page_home #dashboard #location .map-container .location-name svg{width:1.25rem;height:1.25rem;margin-right:5px}#page_home #dashboard #location .map-container .location-name svg path{stroke:#0e5dc5}#page_home #dashboard #spotify .spotify-player{display:flex;flex-direction:column;gap:10px}#page_home #dashboard #spotify .spotify-player .art{width:130px;height:130px;position:relative}#page_home #dashboard #spotify .spotify-player .art img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;border:.15rem solid var(--secondaryBackground);border-radius:1rem}#page_home #dashboard #spotify .spotify-player .art img.drop-shadow{border:none;filter:blur(16px) saturate(6);opacity:.7;z-index:0}#page_home #dashboard #spotify .spotify-player .song-info{display:flex;flex-direction:column;gap:3px}#page_home #dashboard #spotify .spotify-player .song-info .song-name a{font-size:1.5rem}#page_home #dashboard #spotify .spotify-player .song-info .song-artist a{font-size:1rem}#page_home #dashboard #spotify .spotify-player #spotify-progress #spotify-bar{background:#fffcfc;border-radius:10px;position:relative;width:100%;height:6px;border:1px solid #fffcfc}#page_home #dashboard #spotify .spotify-player #spotify-progress #spotify-bar .bar{display:block;height:100%;background:#0e5dc5;border-radius:10px;position:absolute;top:0;left:0}#page_home #dashboard #spotify .spotify-player #spotify-progress .spotify-times{display:flex;justify-content:space-between;font-size:12px;margin-top:5px;color:#6b7280}#page_home #dashboard #what-i-use{grid-column:span 2/span 1}#page_home #dashboard #what-i-use .what-i-use-content{display:flex;flex-direction:row;gap:10px 80px}#page_home #dashboard #what-i-use .what-i-use-content h4{font-size:1.25rem;font-weight:500;margin:0}#page_home #dashboard #what-i-use .what-i-use-content ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:5px}#page_home #dashboard #what-i-use .what-i-use-content ul li{display:flex;align-items:center;gap:5px;font-size:12px}#page_home #dashboard #what-i-use .what-i-use-content ul li svg{width:1.25rem;color:var(--primaryText)}@media(max-width: 640px){#content{grid-template-columns:initial;grid-template-columns:repeat(1, minmax(0, 1fr))}#page_home #about{grid-column:1}#page_home #dashboard{grid-template-columns:repeat(2, minmax(0, 1fr));grid-column:span 2/span 1}#page_home #dashboard #status-and-weather{flex-direction:row;grid-column:span 2/span 1}#page_home #dashboard #location{grid-column:span 2/span 2}#page_home #dashboard #spotify{grid-column:span 2/span 1}#page_home #dashboard #what-i-use{grid-column:span 2/span 2}}.options-wrapper{display:grid;grid-gap:35px;grid-template-columns:repeat(auto-fill, minmax(270px, 1fr))}.options-wrapper .option .option-container{position:relative;height:200px;overflow:hidden;border-radius:15px;background:#fffcfc}.options-wrapper .option .option-container img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.options-wrapper .option .option-info{display:flex;position:relative;align-items:center;justify-content:space-between;margin-top:8px}.options-wrapper .option .option-info a{color:#fffcfc;text-decoration:none}/*# sourceMappingURL=styles.min.css.map */