
a { color: black; text-decoration: none; font-weight: bold; }

.column { flex: 25%; padding: 20px; }
.container div.header { background-color: black; color: red; height: 15vh; display: flex; justify-content: center; align-items: center; }
.container div.body { 
    background-image: url("../body_background.jpg"); 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
    border: 3px solid black;
    min-height: 85vh;
}
.container { text-align: center; }
.container div.footer { background-color: gray; height: 50px; display: flex; justify-content: center; align-items: center; }
.socials_container { display: flex; flex-wrap: wrap; }
.social_urls { font-size: clamp(35px, 3vw, 10vw); }

h1 { margin: 0px; font-size: clamp(3rem, 5vw, 100vw); }
td { padding: 20px; }

@media screen and (max-width: 900px) {
    .column { flex: 33%; }
    table { margin-top: 75px; }
}

@media screen and (max-width: 650px) {
    .column { flex: 50%; }
}


