*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}html{background-color:#000;color:#fff}body{height:100vh;width:100vw;overflow:hidden}h1{color:#fff;font-size:3em}hr{border:1px solid rgba(255,255,255,.25);width:100%;margin:1em 0}.button-group{display:flex;justify-content:center;align-items:center;width:100%;flex-wrap:wrap}.button-group .button{flex:1 1 30%;margin:.5em;max-width:100%}.center-elements{display:flex;flex-direction:column;align-items:center}.button,.input{width:35%;min-width:max-content;display:block;background-color:#5c1a1a;color:#fff;border:none;border-radius:10px;padding:.5em 1em;font-size:1.5em;margin:.25em;cursor:pointer;transform:translateY(-5px);box-shadow:0 7px #3b1111;transition:transform .1s ease,box-shadow .1s ease,background-color .1s ease}.input:focus,.button:hover{background-color:#812d2d;outline:none}.button:active{transform:translateY(0);box-shadow:0 3px #3b1111}.input:disabled,.button:disabled{transform:translateY(0)!important;background-color:#200f0f;box-shadow:0 3px #190f0f;color:#ffffff73;cursor:not-allowed}.button.full{width:100%}.button.min{width:fit-content}.input{background-color:#f003}.screen{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.container{text-align:center;background-color:#0a0a0a;border-radius:10px;box-shadow:0 0 12px #ffffff80;display:flex;width:min(90%,50vw);height:min-content;flex-direction:column;align-items:center;padding:3vh}.container.small{width:min(90%,50vw)}.container.medium{width:min(90%,70vw)}.container.large{width:min(90%,95vw)}.container.full{height:94vh}.container .bottom{margin-top:auto}.container .left{margin-right:auto}.container .right{margin-left:auto}@media (max-width: 960px){.container.small,.container.medium,.container.large{padding:1vh;width:90vw}}@media (max-width: 700px){.container.small,.container.medium,.container.large{padding:1vh;width:95vw}}