@import 'header.css';
@import 'main.css';
@import 'footer.css';


.container {
  background: #F5F5F5;
}

main {
  font-family: 'Roboto';
  display: flex;
  align-items: center;
  justify-content: center;

}

body{
  font-family: 'Roboto';
}



.to__top {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid rgb(48, 46, 46);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 35px;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(2px);
  position: fixed;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
}

.to__top>span {
  animation: anim 500ms infinite linear;
}

@keyframes anim {

  0%,
  100% {
    transform: translate(0);
  }

  75% {
    transform: translateY(-7px);
  }
}