.box
{
  box-sizing: border-box;
  float:left;
  border: 5px #8E76B0 solid;
  background-color: #e3e1ec;
  color: #2c2136;
  width:60%;
  margin-left:20%;
  margin-top:10px;

  font-weight: bold;
}



.box p
{
  margin: 0px;
  padding: 15px;
  line-height: 45px;
  font-size:40px;
}

.box1
{
  box-sizing: border-box;
  float:left;
  border: 5px #8E76B0 solid;
  background-color: #e3e1ec;
  color: #2c2136;
  font-weight: bold;

  width: 20%;
  margin-left: 40%;
  margin-right: 40%;
  margin-top:40px;
}

.box1 p
{
  margin: 0px;
  padding: 15px;
  line-height: 45px;
  font-size:40px;
}

@media (max-width:1400px) 
{
  .box1
  {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
  }

  .box1 p
  {
    font-size: 35px;
  }
}

@media (max-width:550px) 
{
  .box1
  {
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
  }

  .box p
  {
    font-size: 25px;
  }
}

@media (max-width:700px) 
{
  .box1 p
  {
    font-size: 30px;
    line-height: 35px;
  }
}

.box2
{
  float:left;
  border: 5px #8E76B0 solid;
  background-color: #e3e1ec;
  color: #2c2136;
  width:40%;
  margin-top:10px;
  margin-left:7.5%;

  font-size: 25px;
}
.box2 p
{
  margin-top:5px;
  margin-bottom:5px;
}



.boxtop
{
  box-sizing: border-box;
  float:left;
  border: 5px #8E76B0 solid;
  background-color: #e3e1ec;
  color: #2c2136;
  width: 40%;
  margin-top:10px;

  font-size: 25px;
}

.boxtop p
{
  margin: 0px;
  padding: 5px;
  line-height: 30px;
  font-size:20px;
}

#boxtopL
{
  margin-left:10%
}

#boxtopM
{
  margin-left:10%;
  width:80%;
  margin-top:0px;
  border-top-width: 0px;
}

@media (max-width:820px) 
{
  .boxtop
  {
    width: 50%;
  }

  #boxtopL
  {
    margin-left:0%
  }
  #boxtopM
  {
  margin-left:0%;
  width:100%;
  }

  .box2
  {
    width: 80%;
  }
}

#topLOUD
{
  font-size:30px;
}

@media (max-width:500px) 
{
  .boxtop p
  {
    font-size:16px;
    line-height: 25px;
  }

  #topLOUD
  {
    font-size:24px;
  }
}


.boxSecret
{
  box-sizing: border-box;
  float:left;
  border: 0px #8E76B0 none;
  background-color: transparent;
  color: rgba(224,210,227,0.15);
  width:20%;
  margin-left:40%;
  margin-top:10px;

  font-size: 50px;
  font-weight: bold;
  animation: secret 1.5s infinite;
  animation-timing-function: linear;
  
}

@keyframes secret {
  0% {transform: translate(-150%,0px)}
  50% {transform: translate(50%,0px)}
  100% {transform: translate(-150%,0px)}
}




.boxSecret p
{
  margin:0px;
  padding:0px;
}

.boxSecret:hover
{
  color: #2c2136;
  cursor: pointer;
}