@font-face {
  font-family: Miller-Display-Roman;
  src: url("../Fonts/Miller-Display-Roman.otf") format("opentype");
  
} 


@font-face {
  font-family: Gotham-Book;
  src: url("../Fonts/Gotham-Book.otf") format("opentype");
  
} 

body {
    margin-top: 100px;
    margin-left: 20px;
    margin-right:20px;
    background: linear-gradient(180deg, rgba(0,48,100,1) 80%, rgb(21, 21, 21) 105%);
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

.card {
    /* Add shadows to create the "card" effect */
    background-color:rgb(1,1,1,0.3);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    margin-bottom: 30px;
    transition: 0.3s;
    border-radius: 10px; /* 5px rounded corners */
    padding-top: 20px;
    padding-bottom: 30px;
  }
  
  /* On mouse-over, add a deeper shadow */
  .card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }
  
  /* Add some padding inside the card container */
  .container {
    font-family: Gotham-Book;
    padding: 2px 16px;
    text-align: center;
  }

  h1{
    font-weight: normal; 
    font-size: 23px;
    color:white;
    letter-spacing: 0.09px;
  }

  .logo{
    margin-left: auto;
    margin-right: auto;
    width: 35px;
    height: 35px;
    background-image: url("../img/logo.png");
    background-size: contain;
    background-repeat: no-repeat;
  }

  p{
    color:white;
    opacity: 0.5;
  }

  .copyright{
    margin-top: 50px;
    text-align: center;
    font-family: Gotham-Book;
    font-weight: normal;
    opacity: 0.8; 
    font-size: 13px;
    color: #FFFFFF;
    letter-spacing: 0.09px;
  }

  a{
    color: #E8BF65;
    text-decoration: none;
  }