* {
   margin: 0px;
   padding: 0px;
   box-sizing: border-box;
   
}

 html {
   scroll-behavior: smooth;
 }
 
 *,
 *::before,
 *::after {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }

 body {
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  color: #1c74bb;
  height: 90vh;

 }
 
 ol,
 ul {
   list-style: none;
 }

 a {
 color:#1c74bb
 }
 

 img {
   display: block;
   max-width: 100%;
   height: auto;
   overflow: hidden;
 }
 
 input,
 button,
 textarea,
 select {
   font: inherit;
 }


 .container {
    margin: 1.3rem;
   
  }

  .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

 .logo 
 {
  max-width: 160px;
  margin: 2rem 0rem 4rem 1rem;
 }

 .tagline {
  font-size: 1.2rem;
  margin-bottom: 2.3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
 }

.menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  line-height: 1.6;
  text-align: center;
}


 .h-line {
  margin-bottom: 5rem;
  margin-top: 4rem;
  height: 1.3px;
  width: 100px;
  background-color: red;
  opacity: 60%;
  
 }

 .footer {
  font-size: 1.1rem;
  line-height: 1.7;
  margin-bottom: 5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
 }








 @media only screen and (max-width: 400px) {
  .logo {
    max-width: 130px;
  }
  .tagline {
    font-size: 0.9rem;
  }
  .footer {
    font-size: 1rem;
   }

}