@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Playfair+Display&display=swap');
body {
  background-image: url(image/bg.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center; 
  padding: 5px; 
  margin: 0; 
  overflow: hidden;
  overflow: scroll;
}
.btn{
  margin: 0;
  padding: 10px 10px;
  background-color: rgba(2, 190, 243, 0.7);
  border: solid  rgb(2, 190, 243);
  border-radius: 15px;
  font-size: 15px;
  overflow: hidden;
}
.btn:hover{
  background-position: center;
}
.navbar{
  border: solid black;
  text-align: center;
  align-items: center;
  border-radius: 10px;
  margin: 0% 30%;
  font-family: 'Bebas Neue', cursive;
  font-family: 'Playfair Display', serif;
  overflow: hidden;
}
ul li {
  margin-right: 20px;
  display: flex;
  flex-direction: row;
  display: inline;
  padding:10px;
  overflow: hidden;
}
nav li a{
  text-decoration: none;
  padding: 5px;
  text-decoration-style: none;
  overflow: hidden;
}
nav li a:hover{
  background-color: rgb(40, 151, 195);
  border-radius: 7px;
}
nav li a:visited {
  color: rgb(3, 0, 0);
}
.name{
  border-radius: 10px;
  border: solid ;
  color:rgb(0, 0, 0);
  align-items: center;
  padding: 5px;
  text-size-adjust: auto;
  font: 20px;
  margin: 0% 30%;
  overflow: hidden;
}
#myself{
  background-color: rgba(231, 229, 229, 0.7);
  border: solid black;
  margin: 0% 30%;
  border-radius: 5px;
  padding: 5px;
  font-family: 'Playfair Display', serif;
  overflow: hidden;
}
.contact{
  background-color: rgba(231, 229, 229, 0.7);
  border: solid black;
  margin: 0% 30%;
  border-radius: 5px;
  padding: 5px 5px;
  text-size-adjust: auto; 
  font-size: 20px;
  overflow: hidden;
}
input [type="text"]{
  width: 100%;
  padding: 12px 10px;
  margin: 8px 0;
  box-sizing: border-box;
  border: none;
}
.co{
  color: rgb(15, 15, 15);
  overflow: hidden;
}
.abt{
  color: rgb(15, 15, 15);
  text-align: center;
}
.query{
  border: solid rgb(90, 90, 90);
  text-align: center;
  border-radius: 10px;
  color: rgb(51, 45, 45);
  background-color:  rgba(243, 253, 253, 0.7);
  margin:0% 10%;
  overflow: hidden;
}
.para{
  
  text-align: center;
  border-radius: 10px;
  color: rgb(51, 45, 45);
  margin: 0% 25%;
  overflow: hidden;
}
.mail{
  border: solid rgb(90, 90, 90);
  text-align: center;
  border-radius: 10px;
  color: rgb(51, 45, 45);
  background-color: rgba(243, 253, 253, 0.7);
  margin: 0% 10%;
  font-family: 'Playfair Display', serif;
  overflow: hidden;
}
.edu{
  border: solid black;
  border-radius: 10px;
  margin: 0% 30%;
  background-color: rgba(231, 229, 229, 0.7);
  overflow: hidden;
}
.ed{
  text-align-last: center;
  overflow: hidden;
  justify-content: center;
}