body{
    background-color:rgb(248, 204, 232);
}


.header{
    font-family: "rl-horizon", sans-serif;
    color:green;
    background-color: rgb(156, 213, 156); 
    border-style:dashed;
    border-radius: 25px;
}

.core-int-lab{
    text-align:center;
    Font-size:40px;
}

.fall-2026{
    text-align:center;
    /* position:absolute;
    top:80px;
    left:50%;
    right:50%;
    transform: translate(50%,50%); */
}

.nav-bar{
    display:flex;
    justify-content:center;
    /* margin: 20px; */
}

.about{
    margin:20px;
}

.home{
    margin:20px;
}

.info{
    margin:20px;
}

.body{
    position:relative;
    /* display: flex;  */
}

.big-clover{
    position: relative;
}

h1{
    font-family: "rl-horizon", sans-serif;
    color: rgb(2, 100, 2); 
    font-size:70px;
    /* display:flex;
    justify-content:center; */
    position: absolute;
    top:140px;
    left:35%;
}

.big-circle1{
    width:200px;
    height:200px;
    border-radius:50%;
    background-color:rgb(11, 176, 2);
    position: absolute;
    top:70px;
    left:550px;
}

.big-circle2{
    width:200px;
    height:200px;
    border-radius:50%;
    background-color:rgb(11, 176, 2);
    position: absolute;
    top:70px;
    right:550px;
}

.big-circle3{
    width:200px;
    height:200px;
    border-radius:50%;
    background-color:rgb(11, 176, 2);
    position: absolute;
    top:200px;
    right:550px;
}

.big-circle4{
    width:200px;
    height:200px;
    border-radius:50%;
    background-color:rgb(11, 176, 2);
    position: absolute;
    top:200px;
    left:550px;
}

.clovers{
    font-family:"rl-horizon", sans-serif;
    font-size: 20px;
    height: 550px;
    color: rgb(2, 100, 2); 
    display: flex; 
    justify-content: center;
    justify-content:space-around;
    align-items:flex-end;

}

a{
    color:rgb(2, 100, 2); 
    text-decoration: none;
}

.clover1{
    background-color:rgb(156, 213, 156);
    padding:20px;
    border-radius:25%;
    border-style: dashed;
}

.clover2{
    background-color:rgb(156, 213, 156);
    padding:20px;
    border-radius:25%;
    border-style: dashed;
}

.clover3{
    background-color:rgb(156, 213, 156);
    padding:20px;
    border-radius:25%;
    border-style: dashed;
}
