@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  font-family: 'Ubuntu', sans-serif;
  background: url(../img/BG.png) center center/cover;
  background-color: #2e2e2e;
  color: #f2f2f2; }

.btnlisten {
  padding: 0.4rem 1rem;
  background: #fff;
  color: #2e2e2e;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 15px;
  letter-spacing: normal;
  transform: scale(0.8);
  transition: all 0.5s; }
  .btnlisten:hover {
    letter-spacing: 0.5rem;
    transition: scale(1.2);
    background: #2e2e2e;
    color: #f2f2f2; }

#welcome h1 {
  font-size: 2rem;
  margin-top: -2rem; }

#welcome p {
  font-style: italic;
  font-weight: 300;
  line-height: 2rem;
  margin-bottom: 0.2rem; }

#welcome a img {
  height: 2.5rem; }

#clock p {
  padding-top: 0.5rem;
  font-size: 0.8rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase; }

#social {
  animation: fadeInUp;
  animation-duration: 1.7s; }
  #social .socialnav .anchorLogo {
    height: 2rem;
    transition: all 0.5s; }
    #social .socialnav .anchorLogo:hover {
      transform: scale(1.2); }
  #social .socialnav ul {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none; }
    #social .socialnav ul li {
      margin: 0 0.5em; }
      #social .socialnav ul li a .fas,
      #social .socialnav ul li a .fab {
        color: #fff;
        transition: all 0.5s; }
        #social .socialnav ul li a .fas:hover,
        #social .socialnav ul li a .fab:hover {
          transform: scale(1.2); }

#copyright {
  animation: fadeInUp;
  animation-duration: 2.4s; }
  #copyright img {
    height: 7rem; }
  #copyright .content {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center; }
    #copyright .content p {
      font-size: 1rem;
      margin: 0; }

#main-footer {
  background: #000;
  color: #fff; }
  #main-footer a {
    color: #444444; }

.fade1 {
  animation: fadeInDown;
  animation-duration: 1.7s; }

.fade2 {
  animation: fadeInDown;
  animation-duration: 2s; }

.fade3 {
  animation: fadeInDown;
  animation-duration: 2.4s; }