*{
 margin: 0;
 padding: 0;
}

:root{
  --font1:"Montserrat", sans-serif;
  --font2:"Roboto Condensed", sans-serif;
  --font3:"Epunda Slab", serif;
    --midnightblue:#232946;
  --pink:#eebbc3;
  --white:#fffffe;
  --sky:#d4d8f0;
  --br:#121629;
}


body{
  width: 100vw;
  background: #f3f4f6;
  font-family: var(--font2);

}

html{
  font-size: 62.5%;
}
a{
  text-decoration: none;
  color: black;
}
/* -------------------------Main container2------------------ */
.maincontainer2{
display: flex;
max-width: 100rem;
width: 80%;

flex-direction: column;

}

/* -------------------------Sub container1------------------ */


.subcontainer1{
  display: flex;
  justify-content: space-between;
  border-bottom: 0.5px solid black;
}
/* -------------------------mini container1------------------ */

.minicontainer1{
  display: flex;
}

.sub1img{
  width: 7rem;
}
.sub1txt{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sub1txt1{
  font-size: 2.048rem;
  font-family: var(--font1);
  font-weight: 600;

}
.sub1txt2{
 font-size: 1.28rem;
}

.sub1txt3{
  font-size:0.8rem;
}
/* -------------------------mini container2------------------ */

.minicontainer2{
  display: flex;
 justify-content: center;
 align-items: center;
  margin-right: 4rem;
  gap: 0.5rem;
  /* border-radius: 15px;
 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */

}

.usericon{
  width: 2.5rem;
}

.usertext{
  font-size: 2rem;
}

/* -------------------------Sub container2------------------ */
.subcontainer2{
  width: 90%;
  margin: 1rem auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  row-gap: 1rem;
  column-gap: 1rem;
}

.infobox,.exambox,.restbox,.creditbox{
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border-radius: 15px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.infobox{
  grid-row: 1/2;
  grid-column: 1/2;
}


.exambox{
  grid-row: 1/2;
  grid-column: 2/3;
}

.restbox{
  grid-row: 2/3;
  grid-column: 1/2;
}

.creditbox{
  grid-row: 2/3;
  grid-column: 2/3;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.integer{
  display: inline-flex;
  align-items: center;
  padding: 1rem;
    border-bottom: 1px black solid;
  gap: 0.8rem;
  font-size: 2rem;


}

.int,.int1{
  display: flex;
  gap: 0.8rem;
  padding: 1rem;
  border-bottom: 1px black solid;
}

.integer:hover{
    transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(0,0,0,0.2);
}

.int1{
  justify-content: center;
  align-items: center;
  font-family: var(--font1);
  padding: 0;
  font-size: 3rem;
}

.intimg{
  width: 2.4rem;
}

.btn{
  display: inline-block;
  padding: 1rem 2.5rem;
  border-radius: 15px;
  font-size: 2rem;
}
.btn1{
  font-family: var(--font1);
  margin: 1.5rem;
  color: var(--white);
  background-color: var(--midnightblue);
      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.btn1:hover{
      transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(0,0,0,0.2);
}
.h1txt{
font-size: 3rem;
}

.h2txt{
  font-size: 2.5rem;
}