*{
    padding: 0px;
    margin:0px;
    overflow: hidden;
    max-height: 100vh;
}

footer{
    background-color: transparent;
}
body, html{
    background-color: rgb(237, 246, 249);
    text-align: center;
}
a {
    text-decoration: none;
    color:black;
}

.nameContainer{
    background-color:rgb(131, 197, 190);
    padding: 7vh;
    margin:4vh;
    border-radius: 15px;
    height:25vh;
    text-align: center;
    display:flex;
}
.nameContainer h1{
    margin:auto;
}
.descContainer{
    display: inline-block;
    text-align: center;
    width: 80%;
    margin:4vh;
}

.linkContainer{
    display:inline-grid;
    gap:10px;
    margin:4vh;
    padding-bottom:10px;
    background-color: transparent;
    grid-template-rows: 50% 50%;
    grid-template-columns: 23% 25% 25% 23%;
    max-height: 150px;
    overflow: hidden;
    width:80%;
}
.link-item{
    background-color: rgb(131, 197, 190);
    text-align:center;
    font-size:25px;
    border-radius: 15px;
    display:flex;
    max-height:25vh;
}
.link-item img{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 15px;
}
.link-item p{
    margin:auto;
}
.link-item a{
    color:rgb(0, 109, 119);
}
.link1{
    grid-column: 1;
    grid-row: 1 / span 2;
}
.link2{
    grid-column: 2 / span 2;
    grid-row: 1; 
}
.link3{
    grid-column: 2 / span 2;
    grid-row: 2;
}
.link4{
    grid-column: 4;
    grid-row: 1 / span 2;
}

.descContainer p {
    font-size: 25px;
    color: rgb(0, 109, 119);
}
.nameContainer h1{
    color:rgb(0, 109, 119) ;
    font-size: 80px;
}