@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,900&display=swap);#header-text{font-family:Maven,fantasy;font-weight:700;font-size:250%;color:#d4cdcd}#header{background-color:var(--terciary-color);width:60%;text-align:center;margin:0 auto;margin-bottom:30px;padding:2px;border-radius:10px}.cell{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;background-color:var(--secundary-color);border:2px solid #d4cdcd}.cell:hover{opacity:.9}.x{background-color:var(--primary-color)}.o{background-color:var(--terciary-color)}#cells-container{-webkit-box-sizing:border-box;box-sizing:border-box;height:60%;grid-template-columns:repeat(3,1fr);border:4px solid #d4cdcd;border-radius:2%}#cells-container,#footer{width:60%;display:grid;margin:0 auto}#footer{grid-template-columns:70% 30%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;justify-items:center;position:relative}#winner,button{position:relative;font-family:Maven,fantasy;font-weight:700;color:#d4cdcd}button{top:30%;margin:0;background-color:var(--terciary-color);border:2px solid #d4cdcd;border-radius:10%;font-size:16px;width:6em;height:2em}:root{--primary-color:#1a1a1c;--secundary-color:#4e4e50;--terciary-color:#960641}body{background-color:var(--primary-color);font-family:Maven,fantasy}#app{height:60vw;width:60vw;margin:0 auto;position:relative}