.navbar {
  overflow: hidden;
  background-color: #1C1D21;
}

.navbar a {
  float: left;
  font-size: 19.5px;
  color: white;
  text-align: center;
  font-family: valorantFont;
  padding: 15px;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  transition: all 0.6s;
}


.navbar a:hover {
  border-bottom: 3px solid red;
  letter-spacing: 5px;
}

body {
  background-color: #e56b6f;
  background: url("https://images.contentstack.io/v3/assets/bltb6530b271fddd0b1/bltce6cb289cb0ea405/5f6b8e14f972ad4f394205c1/VAL_FS_Cover_Art.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.header {
  font-size: 100px;
  font-family: valorantFont;
  text-align: center;
  color: #f08080;
    cursor:pointer;
  transition: all 0.5s;
}

.header:hover {
  color: #ff8fa3;
  letter-spacing: 8px;
}

.game {
    font-size: 100px;
  font-family: valorantFont;
  text-align: center;
  color: #f08080;
    cursor:pointer;
  margin-top:400px;
  transition: all 0.5s;
}

.game:hover {
  color: #ff8fa3;
  letter-spacing: 8px;
}

p {
  font-family: monospace;
  color: white;
  text-align: center;
  font-size: 20px;
}

.video {
  display: flex;
flex-direction: column;
align-items: center;
  top:500px;
}

  .info {
      position: absolute;
      top:300px;
      font-size: 35px;
     left: 620px;
      background-color: transparent;
      width: 600px;
      text-align: center;
      border-radius: 30px;
      padding: 30px;
    border-right:1px solid #222;
    text-align:center;
    float:left;
    cursor:pointer;
    transition: all 1.8s;
}

.info:hover {
  background-color: #adb5bd;
  color: black;
}


.viewagent {
    border: 3px solid white;
  font-size: 18px;
  outline: 0;
  display: inline-block;
  padding: 15px 50px;
  color: white;
  background-color: transparent;
  text-align: center;
  cursor: pointer;
  font-family: valorantFont;
  font-weight: 600;
  transition: all 0.5s;
  margin-left: 31%;
}

button:hover {
   background-color: white;
   color: black;
   letter-spacing: 3px;
}

.viewmaps {
  border: 3px solid white;
  font-size: 18px;
  outline: 0;
  display: inline-block;
  padding: 15px 50px;
  color: white;
  background-color: transparent;
  text-align: center;
  cursor: pointer;
  font-family: valorantFont;
  font-weight: 600;
  transition: all 0.5s;
  margin-left: 200px;
}

@font-face{
      font-family: valorantFont;
      src: url('Valorant Font.ttf');
  }

  div{
      font-family: valorantFont;
  }