body{background:#202020}.contenido{color:#f0f0f0;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;margin:3% 10% 10%;text-align:center}.contenido-titulo{font-size:100px}.contenido-texto{margin-top:7%}.about-img{margin-top:5%}.game-button-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.game-button{background-position:50%;background-size:cover;border:none;border-radius:10px;height:220px;margin:10px;width:600px}.iframe-container{height:calc(100vh - 95px);margin-left:5%;position:relative;width:100%}.fullscreen-button{background-color:#565656;border:none;border-radius:4px;bottom:10px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:10px 0;padding:10px 20px;position:absolute;right:10px;text-align:center;text-decoration:none;transition:background-color .3s ease}.fullscreen-button:hover{background-color:#744800}.download-button{background-color:#d17c0d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin-left:2%;margin-top:5%;padding:10px 20px;text-decoration:none}.download-button:hover{background-color:#3b2b05}.articulo{align-items:center;background-color:#302921;border:1px solid #a9730f;border-radius:10px;box-shadow:10px 10px 5px #7b6e5a;display:flex;margin:40px 170px}.articulo-imagen{border-radius:9px 0 0 5%;height:150px;-o-object-fit:cover;object-fit:cover;width:200px}.articulo-info{padding:10px;width:90%}.articulo-titulo{color:#f0f0f0;font-family:Arial,sans-serif;font-size:18px;font-weight:700;text-decoration:none}.articulo-titulo:hover{color:#d17c0d;text-decoration:underline}.articulo-autor{color:#999;font-family:Arial,sans-serif;font-size:14px}@media screen and (max-width:1213px){.articulo{display:block}}@media screen and (max-width:750px){.articulo{display:block;margin:10px 10px 40px}}@media screen and (max-width:300px){.articulo-imagen{max-width:100px}}.sidebar{background-color:#141414;bottom:0;color:#f0f0f0;left:0;padding:20px;position:fixed;top:0;transform:translate(0);transition:transform .2s ease;width:150px}.expanded{transform:translate(-100%)}.toggle-button{align-items:center;background-color:#d17c0d;border-radius:5px;color:#f0f0f0;cursor:pointer;display:flex;justify-content:center;left:20px;margin-bottom:10px;max-width:100px;padding:5px;position:fixed;top:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1000}.toggle-button:hover{background-color:#fda531}.sidebar ul{font-size:24px;list-style-type:none;margin-top:50px}.sidebar a{color:#fff;text-decoration:none}.sidebar li{margin-top:30px}.sidebar a.active{color:#d17c0d}.social-media{align-items:center;bottom:0;display:flex;justify-content:center;padding-bottom:20px;position:absolute;width:80%}.social-media-logo{height:auto;margin:0 5px;max-width:40px}.extra-buttons-container{margin-left:10%;margin-right:10%}.extra-button-pic{border-radius:10%;float:left;height:auto;margin-bottom:30px;margin-left:30px;margin-right:30px;width:300px}.extra-button-div{flex-direction:row}.extra-button-div,.extra-button-div-reverse{align-items:center;display:flex;justify-content:center;margin-top:5%}.extra-button-div-reverse{flex-direction:row-reverse}.extra-desc{text-align:justify}@media (max-width:1030px){.extra-button-div,.extra-button-div-reverse{flex-direction:column}.extra-button-pic{height:300px;width:auto}}.page-enter-active,.page-leave-active{transition:all .4s}.page-enter-from,.page-leave-to{filter:blur(1rem);opacity:0}