@font-face{font-family:"Minecraft";font-style:normal;font-display:swap;font-weight:400;src:local("Minecraft "),local("Minecraft"),url("../fonts/minecraft.woff2") format("woff2"),url("../fonts/minecraft.woff") format("woff")}*{box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100vw;min-height:100vh;height:100%;max-height:100%;overflow:hidden}body{font-family:"Open Sans",sans-serif;background:url(../img/background.jpg) #352935 no-repeat;background-size:cover}.backdrop{width:100%;height:100%;background:rgba(0,0,0,.65)}@supports(-webkit-backdrop-filter: none) or (backdrop-filter: none){.backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.3)}.container main a,.container main button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(79,58,54,.6) !important}.container main a:hover,.container main button:hover{background:rgba(107,85,79,.6) !important}.container main button{background:rgba(40,94,70,.6) !important}.container main button:hover{background:rgba(42,138,113,.6) !important}.modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(40,94,70,.6) !important}}.container{width:100%;max-width:1600px;margin:0 auto;height:100%}.container main{overflow:hidden;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly}.container main h1{font-family:"Minecraft",sans-serif;color:#d8d8d8;font-size:100px;letter-spacing:6px;text-shadow:0 3px 6px rgba(0,0,0,.32);text-align:center;margin:0}.container main h1.mobile{display:none}.container main a,.container main button{text-decoration:none;color:#fff;padding:30px 80px;background:#5e4844;display:inline-block;border-radius:10px;border:2px solid #321f1b;margin:0 auto;font-weight:700;font-size:25px;box-shadow:0 6px 12px rgba(0,0,0,.32);transition:background-color 500ms ease,border-radius 300ms ease,box-shadow 300ms ease}.container main a:hover,.container main button:hover{background:#6b554f;border-radius:0;box-shadow:0 12px 20px rgba(0,0,0,.6)}.container main button{background:#285e46;color:#b2b2b2;border:2px solid #1a3422;font-size:16px;padding:15px 30px;margin-top:40px;cursor:pointer}.container main button:hover{background:#2a8a71;border-radius:0;color:#fff;box-shadow:0 12px 20px rgba(0,0,0,.6)}.container main .buttons{display:flex;flex-direction:column}.modal-backdrop{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);flex-direction:row;justify-content:center;align-items:center;transition:visibility 300ms ease,opacity 300ms ease;visibility:hidden;opacity:0}.modal-backdrop.open{visibility:visible;opacity:1}.modal-backdrop.open .modal{transform:translateY(0)}.modal-backdrop .modal{display:inline-block;max-width:400px;width:90%;background:rgba(40,94,70,.85);color:#fff;border-radius:10px;transform:translateY(-100vh);transition:transform 200ms ease;box-shadow:0 3px 6px rgba(0,0,0,.16);max-height:90%;overflow:hidden}.modal-backdrop .modal h2{margin:0;border-top-right-radius:10px;border-top-left-radius:10px;background:#2a5e3d;padding:20px;text-align:center;box-shadow:0 3px 6px rgba(0,0,0,.16)}.modal-backdrop .modal .scroll{display:block;width:100%;height:100%;overflow-y:auto;box-sizing:border-box;margin-bottom:1px;scrollbar-color:#d8d8d8 transparent;scrollbar-width:thin;transition:all 300ms linear}.modal-backdrop .modal .scroll::-webkit-scrollbar{background-color:transparent;width:10px}.modal-backdrop .modal .scroll::-webkit-scrollbar-track{background-color:transparent}.modal-backdrop .modal .scroll::-webkit-scrollbar-thumb{background-color:#d8d8d8;border-radius:0;border:10px solid transparent}.modal-backdrop .modal .scroll::-webkit-scrollbar-thumb:hover{background-color:#c3c3c3;border:4px solid transparent}.modal-backdrop .modal .scroll::-webkit-scrollbar-thumb:active{background-color:#919191;border:4px solid transparent}.modal-backdrop .modal .scroll ::-webkit-scrollbar-button{display:none}@media(max-width: 1200px){.container main h1{font-size:80px}.container main a{font-size:20px;padding:20px 50px}}@media(max-width: 950px){.container main h1{font-size:60px}.container main a{font-size:18px;padding:20px 50px}}@media(max-width: 690px){.container main h1{font-size:60px;display:none}.container main h1.mobile{display:inline-block}.container main a{font-size:16px;padding:20px 50px}}@media(max-width: 690px){.container main h1{font-size:40px}.container main a{font-size:15px;padding:20px 50px}}