body{background-color:#396626;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250' viewBox='0 0 20 20'%3E%3Cg fill-opacity='0.27'%3E%3Cpolygon fill='%23164700' points='20 10 10 0 0 0 20 20'/%3E%3Cpolygon fill='%23164700' points='0 10 0 20 10 20'/%3E%3C/g%3E%3C/svg%3E")}body,html{overflow-x:hidden}h1{color:#fff;margin:0;padding-left:30px}nav{width:100%;background-color:#288700;border-bottom:4px solid #d7d7d7}.nav-link{text-decoration:none;width:-moz-fit-content;width:fit-content}.nav-link-title{border-bottom:2px solid transparent}.nav-link-title:hover{animation:borderAnimation .3s ease forwards}@keyframes borderAnimation{0%{border-bottom:2px solid transparent;background-position:50% 100%}50%{border-bottom:2px solid #d2d2d2;background-position:100% 100%;width:50px}to{border-bottom:2px solid #d2d2d2;background-position:100% 100%}}header{z-index:999;position:absolute;width:100%;background-color:rgba(40,135,0,.873)}.container{height:-moz-fit-content;height:fit-content;border:4px solid #d7d7d7;border-radius:4%;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.container,.sub-container{background-color:rgba(40,135,0,.88);max-width:550px!important}.sub-container{max-height:auto;border:4px solid #d7d7d7;margin:auto}.form-labels{max-width:144px!important}.form-check-input[type=checkbox]{width:2em;height:2em}.formulario{max-width:300px}.main-btn{background-color:rgba(37,122,0,.88)!important;transition:all .2s ease}.main-btn:hover{background-color:rgba(43,143,0,.88)!important}.playersField{height:500px;width:330px;background-color:#288700;border:4px solid #d3d3d3;border-radius:12px;overflow:hidden;position:relative}.playerBall{width:40px;height:40px;border-radius:35%;border:3px solid #3b3b3b;position:absolute;transition-property:top,left;transition-duration:.3s;touch-action:none}.playerBall,.playerBall:hover{cursor:default}.playerName{position:relative;top:32px;right:16px;width:55px;color:#fff;font-size:14px;margin:auto}.arco1{border:3px solid #d3d3d3;border-top:none;border-radius:0 0 10px 10px;height:30px;width:33%;margin:auto}.puntoCentro{border:3px solid #d3d3d3;border-radius:50%;width:20px;height:20px;margin:auto;position:absolute;top:235px;left:151px}.lineaMedio{border-bottom:3px solid #d3d3d3;height:217px}.arco2{border:3px solid #d3d3d3;border-bottom:none;border-radius:10px 10px 0 0;height:30px;width:33%;margin:auto;position:relative;top:215px}