h1{
    font-family: sans-serif;
    color:black;
    font-size: 280px;
    padding: 2px;
    position: relative;
    text-align: center;
}

h2{
    font-family: sans-serif;
    color:black;
    font-size: 32px;
    padding: 2px;
    position: relative;
    text-align: center;
}

.contents{
    font-family: sans-serif;
    font-size: 24px;
   
    text-align: center;
    display: flex;
    justify-content: center;
    border: 2px black;
    
    
    
}

.contents a{
    font-size: 24px;
    text-align: center;
    color: rgb(216, 22, 22);
    position: absolute;
    text-align: center;
    display: flex;
    justify-content: center;
    border: 2px black solid;
    padding: 6px;
    text-decoration: none;
    
}

a:hover{
    color: rgb(54, 112, 211);
    transform: translate(0px,-20px);
    transition: ease-in;
    text-decoration: none;
}

.services{
    position: absolute;
    display: flex;
    justify-content: center;
  


}

.resources{
    padding: 8px;
    margin: 20px;
}

.resources p{
    height: auto;
    width: auto;
    padding: 2px;
    font-family: sans-serif;
    color: black;
}

.resources img{
    height: 100%;
    width: 100%;
}

.resources h3{
    text-align: center;
    font-family: sans-serif;
}

h3{
    
    font-family: sans-serif;
    color:black;
    font-size: 24px;
    padding: 2px;
    position: relative;

}

p{
    font-family: sans-serif;
    color:black;
    font-size: 22px;
    padding: 2px;

}
a{
    font-family: sans-serif;
    font-size: 24px;
    color: rgb(54, 112, 211);
    border: 2px solid;
    border-color: rgb(54, 112, 211);
    text-decoration: none;
    padding: 4px;
}