@import url('https://fonts.googleapis.com/css2?family=Hind:wght@400;700&display=swap');
body {
    background-color: #1b618f;
} 

main {
    margin: auto;
    padding: 0;
    font-family: 'Arial', sans-serif;
    background: linear-gradient(to right, #2173aa, #60a5e9);
    color: #ffffff;
    width:70%;
    height: 60%;
  }
  
  header {
    background: #2b78af;
    padding: 20px;
    text-align: center;
  
  }

  h1 {
    letter-spacing: 1px;
    text-align: center;
    color:#14537d;
   
  }
  
  footer {
    background: #2b78af;
   
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
  }
  
  main {
    padding: 20px;
  }
  
  p, h2, h3 {
    color: #fff;
  }


  nav {
    background: #3498DB;
    padding: 10px;
  }
  
  a {
    color: #fff;
    text-decoration: none;

    padding:10px;
  }
  
  a:hover {
    text-decoration: underline;
  }
  
  div {
    background: #2b78af;
    padding: 10px;
  }