#or,form{text-align:center}#or,form button,form h4{font-family:pixlkrud}body{background-color:gray}#or{position:absolute;left:47.5%;top:20%;padding:1px 10px;background-color:#71632a;width:6%;box-shadow:0 0 3px #000;z-index:3;color:#fff}#monster1,#monster2,#monster3,#monster4{opacity:.5;position:absolute}#monster1{width:5%;top:16%;left:2.5%}#monster2{width:5%;top:18%;right:2%}#monster3{width:5%;top:68.5%;right:3%;transform:rotate(180deg)}#monster4{width:5%;top:68.5%;left:2.5%}body>div:first-child{display:grid;grid-template-columns:50% 50%;align-items:first baseline;margin-top:5%;padding:5%}form{padding:20px;background-color:#a39251;height:300px;border-radius:4px;z-index:2}body>div:first-child>form:first-child{margin-right:5%;border-right:10px solid gray}#playerFormRegister{border-bottom-right-radius:0}body>div:first-child>form:last-child{border-left:10px solid gray;border-bottom-left-radius:0}body>div:first-child>form:last-child button{margin-top:11%}form h4{font-weight:700}form input{margin:20px 0 20px 20%;padding:30px;width:60%!important}form button{background-color:#71632a!important;border:2px solid #000!important;font-size:14px;color:#fff!important}form button:focus{border:none!important}@media screen and (max-width:500px){#firstVisibleDiv{margin-top:50px}form div{margin:0;padding:0;text-align:center}form button{margin:20px 0}}