diassemana.css

@font-face 
{
	font-family: "Roboto";
	src: url("../css/Roboto/Roboto-Regular.ttf");
}

body
{
  overflow: hidden;
  font-family: "Roboto";
}

  
  body#diassemana
  {   
      background-color: #ffffff;
      height: 100%;
      width: 100%;
      margin: auto;
      overflow:hidden;
  }

  #dias
  {
      float: left;
      margin: 2%;
  }

  #viernes
  {
      margin-left: 58%;
  }
  #sabado
  {
     margin-left: 58%;
  }
  #domingo
  {
      margin-left: 58%;
  }

  .ejercicios 
  {
      margin-left: 12%;
      margin-top: 5%;
      width: 15vw;
      height: 5vw;
      color: #ffffff;
      font-family: "Roboto", sans-serif;
      font-size: 2.3vw;
      border-color: #86D6C6;
      border-radius: 35px 35px 35px 35px;
      -moz-border-radius: 35px 35px 35px 35px;
      -webkit-border-radius: 35px 35px 35px 35px;
      box-sizing: border-box;
      box-shadow: 0 14px 50px rgba(0, 0, 0, 0.12), 0 10px 10px rgba(0, 0, 0, 0.12);
  }

  .contdiassemana
  {
     margin-top: 3%;
  }

  .consigna
  {
      height: 3vh;
      font-size: 2.4vw;
      color: #020202;
   
    
      font-weight: bold;
      box-sizing: border-box;
      text-align: center;
      
     
  }

.divconsigna
{
    width: 70vw;
    border-bottom: #86D6C6 5px solid;
    margin-left: 5%;
}

 
  #textoResolucion
  {
      
      text-align: center;
      font-size: 2.5vw;
      color: #707070;
      font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
      font-weight: bold;  
  }

.textosol
{
    width: 74vw;
    margin-top: 4%;
}

  .siguiente
  {
      margin-left: 40%;
      margin-top: 2%;
      object-fit: fixed;
      width:10vw;
      height: 4vw;
      box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
      color: #ffffff;
      font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
      font-weight: bold;
      font-size: 1.5vw;
      border-radius: 10%;
      border-color: #86D6C6;
  }

  .siguiente:active 
  {    
     transform: translateY(2px);
  }

  .siguiente:hover 
  {
      box-shadow: 0 10px 18px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
  }

  #reiniciar
  {
      margin-top: 55%;
      color: aliceblue;
      font-size: 1.3vw;
      text-align: center;
      font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
  }

  #terminar
  {
      color: aliceblue;
      font-size: 1.3vw;
      text-align: center;
      font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
      margin-top: 8%;
  }

  .iconomenu
  {
      line-height: 14px;
      margin-left: 0.7%;
      margin-top: 1.5%;
      position: fixed;
      color: #ffffff;
  }

 .barramenu
 {
    width: 2.1vw;
    font-size: 1.3vw;
    height: 100% ;
    margin-left: -3%;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
     background-color: #86D6C6;
 }