body{
background: #3957FF;
background: linear-gradient(0deg, rgba(57, 87, 255, 1) 0%, rgba(0, 0, 0, 1) 100%);

}

p {
    font-family: "Audiowide", sans-serif;
    font-size:large;
    padding: 10px;  
}

img {
  position:fixed;
  width:110%;
  height:110%;
  left:-10px;
  bottom: -70px;
}

.square{
    max-width:100%;
    height:250px;
    margin:20px;
    background: black;
    position: fixed;
    bottom:12px;
    left: 0px;margin-left: 0px;width: 1200px;
    border: solid 10px white;
    border-radius: 30px;
    margin-left: 30px;
}

.audiowide-regular {
  font-family: "Audiowide", sans-serif;
  font-weight: 400;
  font-style: normal;
}

a {
  text-decoration: none;
  color:white;
}

.items{
    font-family: "Audiowide", sans-serif;
    font-size:large;
    padding: 10px;  
    width:150px;
    max-width: 90%;
    text-align:center;
    margin:10px;
    background-color: black;
    border: solid 5px white;
    border-radius: 5%;
    gap: 10px;
    display:inline-block;
    margin-top: 40px;
    transition: background-color .2s ease-in-out,
                letter-spacing .2s ease-in-out,
                color .2s ease-in-out,
                border .2s ease-in-out;
}

.items:hover {
  background-color: #3957ff;
  letter-spacing: 1px;
  color:white;
  border: solid 5px black;
}


.rus {
  color: white;
  font-family: "Audiowide", sans-serif;
  padding:10px;
  width: 100%;
  height:100px;
  font-weight: 400px;
  font-size: 90px;
  margin:0px;

  
animation: hovers 3s  infinite alternate ease-in-out;

}

footer {
  bottom: 0;
  font-family: "Audiowide", sans-serif;
  font-size: small;
  bottom:10px;
  position: fixed;
  margin-left: 30px;
  color:white;
}

@keyframes hovers {
  0% {
    transform: translateY(0vw);
  }
  100% {
    transform: translateY(0.5vw);
  }

}

@media screen and (max-width:900px) {
   


    .square {
      max-width: 80%;
    }

    .items {
      width:auto;
    }

    .rus {
      font-size: 50px;
    }

    footer {
      font-size:x-small;
    }
  }

@media screen and (max-width:600px) {
   
    
    
     .square {
      max-width: 80%;
    }

    .rus {
      font-size: 40px;
    }
    
    .items {
      font-size: medium;
    }

    footer {
      font-size:xx-small;
      margin-right: 80px;
    }
    
  }