@import url("https://fonts.googleapis.com/css2?family=Lobster&family=Montserrat:wght@600;wght@300;800&family=Roboto&display=swap");

* {
  margin: 0px;
  padding: 0px;
}
 body {
  font-family: "Montserrat", sans-serif;
  /* background-color: green; */
}

.academic-cal{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20rem;
    background-color: #dcdcdd;
    margin: 5rem;
}

@media only screen and (max-width:800px){

    .academic-cal{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 20rem;
        background-color: #dcdcdd;
        margin: 1rem;
    }
}