/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:before,*:after{box-sizing:border-box}:root{--divResDisplay: none;--divButtonsDisplay: flex;--showAgain: 0;--imageBackground: url("data:image/svg+xml,%3csvg%20width='313'%20height='278'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20stroke='%23000'%20stroke-width='15'%20fill='none'%20opacity='.2'%20d='M156.5%20262%20300%208H13z'/%3e%3c/svg%3e");--imagenMaquina: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='51'%20height='58'%3e%3cpath%20fill='%233B4262'%20d='M13.971%2025.702l6.012-8.415c-2.499-.415-7.088-.507-10.846%203.235C3.212%2026.421.812%2039.163.312%2042.248L15.37%2057.24c2.711-.232%2014.713-1.827%2026.279-13.34.122-.249%202.94-2.321.636-4.614-1.1-1.095-2.919-1.074-4.042.044-.572.57-1.461.577-2.021.02-.56-.557-.552-1.443.02-2.012l4.087-4.069c2.076-2.067.119-5.555-2.78-4.717l-3.345%202.851c-.611.53-1.52.439-2.022-.14-.519-.597-.408-1.503.183-2.013%2011.687-10.208%209.98-8.979%2017.5-15.995%202.809-2.329-.725-6.447-3.493-4.09L28.182%2025.45c-.529.448-1.34.457-1.86-.02-.601-.517-.615-1.262-.222-1.85L38.787%203.944c1.854-2.5-1.795-5.277-3.749-2.757L16.28%2027.307c-.452.65-1.364.8-1.985.345a1.377%201.377%200%2001-.323-1.95z'/%3e%3c/svg%3e");--imageRock: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='48'%20height='48'%3e%3cpath%20fill='%233B4262'%20d='M45.06%2012.22c-.642-8.096-9.734-7.269-9.734-7.269-3.837-6.765-9.832-1.865-9.832-1.865-4.606-6.63-10.38-.486-10.38-.486-9.957-1.074-9.571%207.066-9.571%207.066-.234%202.588%201.403%2010.593%201.403%2010.593-1.477-4.614-4.68-.784-4.68-.784-3.94%206.078-.975%209.405-.975%209.405%205.33%206.246%2016.688%2013.743%2016.688%2013.743%204.113%202.356%202.373%204.457%202.373%204.457l24.876-4.11.571-4.718c3.782-11.436-.739-26.032-.739-26.032z'/%3e%3c/svg%3e");--imageScissors: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='51'%20height='58'%3e%3cpath%20fill='%233B4262'%20d='M13.971%2025.702l6.012-8.415c-2.499-.415-7.088-.507-10.846%203.235C3.212%2026.421.812%2039.163.312%2042.248L15.37%2057.24c2.711-.232%2014.713-1.827%2026.279-13.34.122-.249%202.94-2.321.636-4.614-1.1-1.095-2.919-1.074-4.042.044-.572.57-1.461.577-2.021.02-.56-.557-.552-1.443.02-2.012l4.087-4.069c2.076-2.067.119-5.555-2.78-4.717l-3.345%202.851c-.611.53-1.52.439-2.022-.14-.519-.597-.408-1.503.183-2.013%2011.687-10.208%209.98-8.979%2017.5-15.995%202.809-2.329-.725-6.447-3.493-4.09L28.182%2025.45c-.529.448-1.34.457-1.86-.02-.601-.517-.615-1.262-.222-1.85L38.787%203.944c1.854-2.5-1.795-5.277-3.749-2.757L16.28%2027.307c-.452.65-1.364.8-1.985.345a1.377%201.377%200%2001-.323-1.95z'/%3e%3c/svg%3e");--imagePaper: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='49'%20height='59'%3e%3cpath%20fill='%233B4262'%20d='M47.125%2011.832a2.922%202.922%200%2000-1.232-.198c-.57.04-1.029.271-1.302.65-1.604%202.248-2.919%206.493-3.979%209.905-.486%201.577-1.14%203.688-1.612%204.69-.493-2.807.064-13.09.28-17.05l.003-.064c.15-2.751.17-3.234.138-3.446-.238-1.509-.843-2.5-1.799-2.943-.966-.45-2.22-.25-3.572.563-.677.41-.865%201.816-1.446%208.19l-.002.028c-.32%203.502-1.058%2011.566-1.965%2012.91-1.023-1.88-2.431-12.555-3.039-17.176-.425-3.236-.673-5.094-.84-5.655-.35-1.176-1.83-2.176-3.295-2.232-1.22-.06-2.22.56-2.698%201.638-.894.995-.578%204.292.41%2012.102.47%203.718%201.44%2011.395.83%2012.257-1.219-.133-3.31-4.942-6.215-14.299-.816-2.62-1.068-3.408-1.318-3.753-.494-1.202-2.172-2.129-3.676-2.024a3.183%203.183%200%2000-.377.049c-.787.156-2.584.881-2.2%204.226%201.06%204.637%202.213%208.041%203.331%2011.346l.023.066c.669%201.98%201.302%203.85%201.89%205.925%201.385%204.9.846%207.94.84%207.975-.046.312-.143.503-.288.57a.556.556%200%2001-.195.045c-.44.03-1.098-.26-1.437-.45-.776-1.482-4.636-8.544-8.134-9.524l-.126-.037-.127.012c-1.283.121-2.226.606-2.803%201.441-.914%201.32-.535%203.002-.444%203.34l.052.12c.028.051%202.834%205.165%203.268%207.544.374%202.04%202.311%204.25%203.869%206.026l.064.073c.508.58.946%201.083%201.292%201.548%204.519%204.713%2011.665%208.677%2011.723%208.71.892.657%201.387%201.293%201.44%201.84a.798.798%200%2001-.16.58l-.155.162.988.96%2018.853-1.324.804-3.684c2.486-10.402%201.967-19.272%201.958-19.33.01-.327.706-3.483%201.266-6.033l.017-.065c1.117-5.08%202.505-11.4%202.772-13.803.116-1.028-.542-1.972-1.675-2.401z'/%3e%3c/svg%3e");--showMaquina: 1;--rulesMoveY: -2000px;--back: -20;--backOpacity: 0;--background: radial-gradient(hsl(214, 47%, 23%), hsl(237, 49%, 15%));--humanWin: 0;--machineWin: 0;--gradPaper: radial-gradient(circle at 50% 46%, transparent 68%, hsl(230, 54%, 50%) 69%), radial-gradient(circle at 50% 48%, transparent 50%, hsl(230, 89%, 62%) 51%), radial-gradient( circle at 50% 57%, white 53%, hsl(240, 1%, 80%) 54%, hsl(240, 1%, 80%) 62%, transparent 63% );--gradScissors: radial-gradient(circle at 50% 46%, transparent 68%, hsl(39, 87%, 39%) 69%), radial-gradient(circle at 50% 48%, transparent 50%, hsl(40, 84%, 53%) 51%), radial-gradient( circle at 50% 57%, white 53%, hsl(240, 1%, 80%) 54%, hsl(240, 1%, 80%) 62%, transparent 63% );--gradRock: radial-gradient(circle at 50% 46%, transparent 68%, hsl(349, 66%, 43%) 69%), radial-gradient(circle at 50% 48%, transparent 50%, hsl(349, 70%, 56%) 51%), radial-gradient( circle at 50% 57%, white 53%, hsl(240, 1%, 80%) 54%, hsl(240, 1%, 80%) 62%, transparent 63% );--positionAndImageButtons: no-repeat center / 35% 40%;--shadowWinner: 0px 0px 0px 50px rgba(181, 202, 247, .034), 0px 0px 0px 100px rgba(181, 202, 247, .034), 0px 0px 0px 160px rgba(181, 202, 247, .034)}img{max-width:100%;display:block}ul{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}a{text-decoration:none;color:inherit}body{height:100vh;background:var(--background);display:flex;flex-direction:column;align-items:center;font-family:Barlow Semi Condensed,sans-serif;letter-spacing:2px}.header{display:flex;justify-content:space-between;align-items:center;border:solid 3px hsl(217,16%,45%);border-radius:15px;padding:15px 25px;width:80%;max-width:705px;min-width:318px;margin-top:30px;font-size:3.5rem}.header__info{padding:.3em .6em;border-radius:.2em;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;text-align:center}.header__lblScore{color:#2a46c0;font-weight:600;font-size:1rem}.header__numScore{color:#3b4363;font-weight:700}.center{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:90%;max-width:550px;height:390px;margin-top:15vh}.spanRules{color:#444}.contenedor{width:100%;height:100%;display:var(--divButtonsDisplay);justify-content:center;align-items:center;position:relative;background-image:var(--imageBackground);background-repeat:no-repeat;background-position:center;background-size:300px}.divResult{position:relative;width:135%;display:var(--divResDisplay);justify-content:space-around;align-items:center}.playAgain{display:flex;flex-direction:column;align-items:center;transform:scaleX(var(--showAgain));transition:transform .5s 1s}.contenedor__paper,.contenedor__rock,.contenedor__scissor{position:absolute;width:194px;height:194px;border:none;background-color:#08239e;cursor:pointer;border-radius:100px;transition:transform .3s}.maquina,.human{width:220px;height:220px;background-color:#08239e;border-radius:110px;position:relative}.maquina:before{width:100%;height:100%;content:"";background-color:#051b46;position:absolute;top:0;border-radius:50%;transform:scale(1.01);opacity:var(--showMaquina);transition:opacity 1s 1s}.human:after,.maquina:after{width:100%;height:100%;content:"";background-color:transparent;position:absolute;top:0;border-radius:50%;transform:scale(0);box-shadow:var(--shadowWinner);transition:transform 1s 1s;z-index:-10}.maquina:after{transform:scale(var(--machineWin))}.human:after{transform:scale(var(--humanWin))}.maquina--paper,.contenedor__paper{background:var(--positionAndImageButtons) var(--imagePaper),var(--gradPaper)}.maquina--scissors,.contenedor__scissor{background:var(--positionAndImageButtons) var(--imageScissors),var(--gradScissors)}.maquina--rock,.contenedor__rock{background:var(--positionAndImageButtons) var(--imageRock),var(--gradRock)}.contenedor__paper{top:0;left:0}.contenedor__scissor{top:0;right:0}.contenedor__rock{bottom:0}.spanChooseMaq,.spanChooseHum{display:block;width:100%;font-family:inherit;font-weight:600;font-size:1.5rem;letter-spacing:.15rem;color:#fff;content:"Elejiste";position:absolute;top:-30%;opacity:var(--showAgain);transition:opacity 1s;text-align:center}.button,.inpAgain,.buttonReset{position:relative;font-family:inherit;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:1rem;background-color:transparent;border:solid 2px hsl(217,16%,45%);border-radius:.5rem;padding:.6rem 2.25rem;color:#fff;letter-spacing:.15rem;cursor:pointer;transition:transform .3s}.buttonReset{position:fixed;bottom:0;left:0;margin-left:20px;margin-bottom:20px}.button{position:fixed;bottom:0;right:0;margin-right:20px;margin-bottom:20px}.rules{display:grid;grid-template-columns:50% 30px;grid-template-rows:auto auto;justify-content:space-around;align-items:center;border-radius:15px;position:absolute;width:350px;height:400px;font-size:2rem;font-weight:700;background:#fff;transform:translateY(var(--rulesMoveY));transition:transform 1s;z-index:30}.image{display:block;grid-column-start:1;grid-column-end:3;justify-self:center}.lblresult{margin-bottom:10%;font-family:inherit;font-weight:700;color:#fff;letter-spacing:.15rem;font-size:3rem}@media (hover: hover){.button:hover,.buttonReset:hover,.inpAgain:hover,.contenedor__paper:hover,.contenedor__rock:hover,.contenedor__scissor:hover{transform:scale(1.1)}}.close{font-size:inherit;font-weight:600;color:#0000006c;border:none;cursor:pointer;background-color:transparent}.back{position:absolute;background-color:#00000080;width:100vw;height:100vh;z-index:var(--back);opacity:var(--backOpacity)}@media screen and (max-width: 750px){body{height:auto}.header__info{width:70px}.center{margin-top:10vh}.rules{width:100vw;height:100vh;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;border-radius:0}.spanRules{text-align:center}.close{grid-row:3;justify-self:center}.header{font-size:2rem}.header__lblScore{font-size:.8rem}.header__svgTitle{width:100px}.contenedor{background-size:200px}.divResult{top:-50px}.center{width:270px;height:250px}.contenedor__paper,.contenedor__rock,.contenedor__scissor{width:120px;height:120px}.playAgain{position:absolute;top:220px}.maquina,.human{width:130px;height:130px}.spanChooseMaq,.spanChooseHum{top:150px;font-size:1.2rem}}