@charset "UTF-8";:root{--primary: #9db2bf;--secondary: #526d82;--square: 80px}.container{display:grid;place-items:center}.content{max-width:40rem;width:100%;margin-top:2rem}.title{font-size:4em;font-weight:700;text-align:center}.description{margin-top:1rem;font-size:1.125em;font-weight:700;text-align:center}.btn-pieces{margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:3rem}.btn-piece{width:var(--square);height:var(--square);position:relative;cursor:pointer}.btn-piece>span{background-color:#fff;display:block;width:1rem;height:1rem;color:#000;text-align:center;font-weight:700;border-radius:50%;position:absolute;top:.5em;right:.5em}.piece-select{filter:drop-shadow(0px 4px 4px rgba(255,255,255,.25))}.chess-board{margin-top:1rem;display:grid;grid-template-columns:repeat(8,1fr)}.square{width:80px;height:80px;display:grid;place-items:center;cursor:pointer;font-size:48px}.square-dark{background-color:var(--primary)}.square-light{background-color:var(--light)}.btn-game{margin:3rem 0;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:48px}.btn-game>.btn{padding:.625rem 2rem;font-size:1.5rem;font-weight:700;border-radius:1rem;cursor:pointer}.btn:hover{filter:drop-shadow(0px 4px 4px rgba(255,255,255,.25))}.btn-primary{background-color:var(--light);color:var(--dark)}.btn-outline{position:relative}.btn-outline:before{content:"";position:absolute;top:0px;left:0px;right:0px;bottom:0px;border-radius:1rem;border:.25rem solid var(--light)}.info{background-color:var(--secondary);padding:1rem;margin-top:1rem;display:flex;justify-content:space-evenly;align-items:center;font-weight:700;border-radius:1rem;border:4px solid var(--primary)}.info-group{display:flex;flex-direction:column;justify-content:center;align-items:center}.info-title{margin-top:.5rem}.info-span{margin-top:.5rem;font-size:2em;font-weight:500}:root{--light: #dde6ed;--dark: #27374d;--tipo-principal: Helvetica, Arial, sans-serif;--tipo-secundaria: Verdana}@media (prefers-reduced-motion: reduce){*{-webkit-animation:none!important;animation:none!important;-webkit-transition:none!important;transition:none!important}}*{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:baseline}img,picture,video,iframe,figure{max-width:100%;width:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}a{display:block;text-decoration:none;color:inherit;font-size:inherit}p a{display:inline}li{list-style-type:none}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6,p,span,a,strong,blockquote,i,b,u,em{font-size:1em;font-weight:inherit;font-style:inherit;text-decoration:none;color:inherit}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}::-moz-selection{background-color:var(--light);color:var(--blanco)}::selection{background-color:var(--light);color:var(--blanco)}form,input,textarea,select,button,label{font-family:inherit;font-size:inherit;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;background-color:transparent;color:inherit;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none}table,tr,td{border-collapse:collapse;border-spacing:0}svg{width:100%;display:block;fill:currentColor}body{background-color:var(--dark);min-height:100vh;font-size:100%;font-family:var(--tipo-principal);color:var(--light);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}