@charset "UTF-8";

body {
    background-color:#46B1E1 ;

}
header {
display: flex;
margin: auto;
width: 100%;
font-size: 40px;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
Color: #000000;
background-color: #46B1E1;
margin-bottom: 20px;
padding: 20px;
text-align: Center;


border-radius: 40px;
}

button{
display: flex;
Font-size: 32px;
font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
font-weight: bold;
Color: white;
background-color: #E8E8E8;
float: right;
margin-left: 40px;
text-align: center;
padding: 50px;
width: auto;
border-radius: 40px;
font-weight: bold;

}

.asterisk {
    color: red;
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  text-align:  right;

}

input[type="text"],
input[type="email"],
input[type="tel"] {
  width: 100%;
  padding: 8px;
  border: 1px solid black;
  border-radius: 5px;
  margin-bottom: 15px;
}



label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  background-color: black;
}




#Logo-img {
    float: left;
    width: 150px;
    height: 150px;
    margin-right: 50px;
    border-radius: 20px;

}
H1 { 
font-size: 40px;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
Color: #000000;
background-color:  #83CBEB;
text-align: Center;
justify-content: center;
margin: auto;
width: 1600px;
max-width: 1600px;
height : 100px;
padding : 30px;
white-space: nowrap;
border-radius: 40px;
display: flex;
align-items: center;  

}

H2 {
font-size: 30px;

font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
margin: auto;
Color: #000000;
background-color: #FFFFFF;
text-align: Center;
border-radius: 40px;
padding: 20px;
width: fit-content;
}

H3{
font-size: 32px;
font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
Color: #000000;
background-color: #83CBEB;
font-weight: bold; 
border-radius: 40px;
}

Nav {
font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
Color: #FFFFFF;
background-color: #000000;
text-align: Center;
list-style-type: none;
text-decoration: none;
justify-content: center;
display: block;
border-radius: 40px;

}

Nav ul {
padding: 0;
list-style-type: none;
text-decoration: none;
justify-content: center;
display: flex;
gap: 30px;
height: 10px;
padding : 40px;
border-radius: 40px;
}

nav a{
font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
Color: #FFFFFF; 
text-align: Center;
text-decoration: none;
display: block;
}

a:hover {
font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
Color: #46B1E1;

text-align: Center;
display: block;
}

:visited {
font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS ", sans-serif;
Color: white;

text-align: Center;
}

#chalkboard-img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 200px;
    border-radius: 20px;
    padding: 20px;
}

P {
font-size: 32px;
font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
Color: #000000;
background-color: #FFFFFF;

}


.heading-row {
  display: flex;
  justify-content: center; 
  gap: 20px; 
}

.heading-row h2 {
  margin: 20px;
}

.cards {
  display: flex;
  text-align: center;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}

.card {
  background: white;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  padding: 20px;
  max-width: 300px;
  text-align: center;
}

.card h2 {
  font-size: 1.5em;
  margin-bottom: 15px;
}

.icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 15px;
  background-size: contain;
  background-repeat: no-repeat;
}

#wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  ;
}

.tutors-icon {
  background-image: url('images/tutor_dmt_275.png'); 
}

.academics-icon {
  background-image: url('images/studying_dmt_275.jpg'); 
}


Footer{
font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
font-size: 28px ;
Color: #FFFFFF;
background-color: #000000;
text-align: Center;
margin: 20px;
}