.header-container{display:flex;justify-content:space-around;align-items:center;background:linear-gradient(to right,#1e1e1e,#3a3a3a);padding:0;box-shadow:0 4px 6px #0000001a}nav{display:flex;gap:20px}.header-logo-container{height:72px}.header-logo{height:72px;pointer-events:none}.header-button{color:#fff;text-decoration:none;font-size:16px;font-weight:700;padding:10px;border-radius:5px;position:relative;transition:color .3s}.header-button:after{content:"";position:absolute;left:0;width:100%;height:3px;background-color:#fff;transform:scaleX(0);transform-origin:bottom left;bottom:4px;transition:transform .3s ease}.header-button:hover:after{transform:scaleX(1);bottom:4px;transform-origin:bottom left}.header-button.active:after{transform:scaleX(1);bottom:4px;transform-origin:bottom left}@media only screen and (max-width:700px){.header-logo{display:none}}body{background-color:#222;overflow-x:hidden;margin:0;min-width:100dvw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{display:flex;flex-direction:column;height:100%;margin:0}#root{display:flex;flex-direction:column;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.page-container{flex:1;display:flex;justify-content:flex-start;flex-direction:column;align-items:center}.about-image{margin:16px 18px 16px 24px;border-radius:8px;border-style:none;border:none;box-shadow:0 4px 4px #00000040}.about-text{width:600px;margin:18px;color:#fff}.about-link{color:#add8e6}.about-logo{width:640px;height:300px}@media only screen and (max-width:600px){.about-text{width:calc(100vw - 64px)}.about-logo{width:320px;height:150px}}.games-container{flex:1;display:flex;justify-content:flex-start;flex-direction:column;align-items:center}.games-steam{width:646px;height:190px}@media only screen and (max-width:700px){.games-steam{width:calc(100vw - 58px)}}.page-youtube{width:100%;height:100%}.mods-container{flex:1;display:flex;justify-content:center;flex-direction:column;align-items:center}.mods-box{margin:16px 0;display:flex;flex-direction:column;justify-content:space-between;width:644px;height:200px;background-color:#444;color:#fff;box-shadow:0 4px 4px #00000040}.mods-box-text{font-size:18px;height:fit-content;margin:16px 28px;color:#fff;text-decoration:none}.mods-box-image{margin:64px 0 0 64px;position:absolute}.mods-box-image-text{margin:64px 0 0 284px;position:absolute;color:#ddd}.mods-box-button{position:absolute;align-self:flex-end;margin:148px 20px 20px;cursor:default;background:#6fa720;color:#fff;width:110px;height:34px;border-radius:4px;border-style:none;border:none;box-shadow:0 4px 4px #00000040}.mods-box-button:hover{cursor:pointer}.mods-logo{margin:24px 0;width:640px}@media only screen and (max-width:700px){.mods-logo,.mods-box{width:calc(100vw - 64px)}.mods-box-image{position:absolute;visibility:hidden}.mods-box-image-text{margin:64px 0 0 64px}}@media only screen and (max-width:500px){.mods-box{height:120px}.mods-box-image-text{position:absolute;visibility:hidden}.mods-box-button{left:50%;transform:translate(-50%);margin:68px 0 20px}}.other-container{flex:1;display:flex;justify-content:center;flex-direction:column;align-items:center}.other-box{margin:16px 0;display:flex;flex-direction:column;justify-content:space-between;width:644px;background-color:#444;color:#fff;box-shadow:0 4px 4px #00000040}.other-box-title{font-size:24px;font-weight:400;height:fit-content;margin:16px 28px;color:#fff;text-decoration:none}.other-box-small-title{font-size:20px;font-weight:300;height:fit-content;margin:16px 28px;color:#fff;text-decoration:none}.other-box-text{font-size:18px;height:fit-content;margin:16px 28px;color:#fff;text-decoration:none}.other-box-image{width:512px;align-self:center}.other-box-image-portrait{width:auto;height:400px;align-self:center}.other-box-image-text{margin:64px 0 0 284px;position:absolute;color:#ddd}.other-box-button{position:absolute;align-self:flex-end;margin:148px 20px 20px;cursor:default;background:#6fa720;color:#fff;width:110px;height:34px;border-radius:4px;border-style:none;border:none;box-shadow:0 4px 4px #00000040}.other-box-button:hover{cursor:pointer}.other-logo{display:flex;justify-content:center;margin:24px 0;width:640px}@media only screen and (max-width:700px){.other-logo,.other-box{width:calc(100vw - 64px)}.other-box{margin:16px 0;width:calc(100vw - 64px);display:flex;flex-direction:column;justify-content:space-between;background-color:#444;color:#fff;box-shadow:0 4px 4px #00000040}.other-box-image{position:absolute;visibility:hidden}.other-box-image{width:80%;align-self:center}.other-box-image-portrait{width:auto;height:200px;align-self:center}.other-box-image-text{margin:64px 0 0 64px}}@media only screen and (max-width:500px){.other-box{margin:16px 0;width:100vw;display:flex;flex-direction:column;justify-content:space-between;background-color:#444;color:#fff;box-shadow:0 4px 4px #00000040}.other-box-image-text{position:absolute;visibility:hidden}.other-box-button{left:50%;transform:translate(-50%);margin:68px 0 20px}}.wedding-page{display:flex;justify-content:center;align-items:flex-start;width:100vw;height:100vh;overflow:hidden;background-color:#000}.scroll-container{overflow:hidden;max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:flex-start;animation:scroll-unroll 1s ease-out forwards}.scroll-img{max-width:100%;max-height:100%;object-fit:contain;display:block}@keyframes scroll-unroll{0%{height:0;opacity:0}50%{opacity:1}to{height:100%;opacity:1}}