* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}
body {
  font-family: 'Montserrat', sans-serif;
  background: rgb(236, 236, 236);
}
/* Coding for links page */
.linkList{
  width: 90vw;
  margin: auto; 
  margin-top: 10px;
 }
h1{
  color: rgb(32, 0, 0);
  font-size: 5rem; 
}
#topBtn{
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: brown;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  color: white;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
  outline: none;
  cursor: pointer;
  border: none;
  z-index: 6;
}
.linkList a{
  color: black;
  text-decoration: none;
}
.linkList a h2{
  font-size: 2rem;
}
.linkList div{
  border: 2px solid brown;
  border-radius: 10px;
  margin: 2rem;
  padding: 1rem;
  background: white;
}
 .linkList div:hover{
 box-shadow:0px 0px 10px rgb(90, 17, 10);
     transition: all 0.2s ease;
 }

 /* Coding for Question Answers pages */
 
.headline{
  text-align: center;
  width: 96vw;
  margin: auto;
}
.headline h2{
  font-size: 4rem;
  color: rgb(128, 2, 86); 
}
.headline h4{
  font-size: 2rem;
}
.headline h3{
  font-size: 4rem;
  color: rgb(0, 92, 57);
}
.headline img{
  width: 30vw;
}

.ques{
  width: 92vw;
  background-color: #ffdbdb;
  margin: 2rem;
  padding: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  font-size: 2rem;
  color: rgb(32, 0, 0);
}
.ans{
  display: flex;
  font-size: 1.5rem;
  width: 96vw;
  margin: auto;
  color: rgb(44, 44, 44);
}
.eng, .jap{
  flex: 1;
  padding: 1rem;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  background: white;
}

footer{
  color: white;
  background-color: #3b1919;
}
.footer-wrapper {
  display: flex;
  align-items: center;
  padding: 2rem;
  width: 95%;
  margin: auto;
  min-height: 5vh;
  flex-wrap: wrap;
}
.footer-wrapper ul li a{
  font-size: 4rem;
}
.footer-links{
  display: flex;
  align-items: center;
  padding: 3rem;
  width: 95%;
  margin: auto;
  flex-wrap: wrap;
}
.footer-links p, a{
  font-size: 1.5rem;
}
.footer-address img{
  width: 20vw;
}
footer ul{
  display: flex;
  list-style: none;
  flex: 1;
  justify-content: space-around;
  align-items: center;
}
footer .navlinks .first, .second{
  display: flex;
  flex-direction: column;
  padding: 2rem;
}
footer h3 {
  flex: 1;
}
footer a{
  color: white;
  text-decoration: none;
  cursor: pointer;
}

.quick{
  font-size: 3rem;
  color: rgb(230, 9, 53);
  text-align: center;
  text-shadow: 0 0 10px black;
}
.copyright{
  text-align: center;
  font-weight: 400;
  padding: 2rem;
}

/*Media Query*/
@media screen and (max-width: 1000px) {
  html {
    font-size: 45%;
  }
  .linkList a{
    font-size: 2.5rem;
  }  
  .headline img{
    width: 50vw;
  }
  footer {
    text-align: center;
  }
  .footer-address img{
    width: 40vw;
  }
  .footer-links{
    flex-direction: column;
    align-items: center;
  }
  .footer-links li{
    padding: 1rem;
  }
  .footer-address{
    margin-bottom: 2rem;
  }
  .footer-wrapper ul{
    margin-top: 2rem;
  }

}