* {
    margin: 0;
    padding: 0;
    box-sizing:border-box;
}

:root {
    --black: #000000;
    --deep_blue: #13293D;
    --accent_blue: #18435A;
    --silver: #C6C7C4;
    --platinum: #EEF0F2;
    /* And fonts are:
    Titles: Noto Serif
    Sub-Headings/Button Titles: Iosevka Charon
    Paragraphs: Instrument Sans */
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color:var(--deep_blue);
    color: var(--platinum);
    font-family: "Instrument Sans", sans-serif;
}

h1 {
    margin: 80px auto;
    font-size: 4em;
    font-family: "Iosevka Charon", serif;
}

p {
    margin: 0 auto;
}

nav {
    width:98%;
    height: 50px;
    margin: 10px 1%;
    box-sizing:border-box;
    display:flex;
    align-items: center;
    justify-content: space-evenly;
    background-color:#18435A;
}

nav a {
    width: 400px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color:var(--platinum);
    text-decoration: none;
    font-family: 'Iosevka Charon', sans-serif;
}

nav a:hover {
    background-color: var(--black);
    color:var(--silver);
}

#about {
    width: 50%;
    margin: 150px auto;
    text-align: center;
}

#logo {
    width: 150px;
    height: 150px;
    border:4px solid var(--black);
    border-radius: 50%;
    object-fit:cover;
}

#about p {
    max-width: 500px;
    padding: 20px;
    border: 4px var(--black) solid;
    border-radius: 20px;
    margin:150px auto 0px auto;
    background-color:var(--accent_blue);
    color:var(--platinum);
    line-height: 2em;
    font-family: "Instrument Sans";
}

main {
    width: 80%;
    margin:150px auto;
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
    place-items: center;
}

.link_block {
    width: 100%;
    max-width: 440px;
    max-height: 260px;
    display: grid;
    place-items: center;
}

.link_block a {
    grid-area: 1/1 / 1/1;
}

.link_block img{
    width: 100%;
    filter:blur(4px);
    transition: filter 0.3s ease;
}

.link_block img:hover {
    filter:blur(0px);
}

.link_block h2 {
    grid-area: 1/1 / 1/1;
    z-index: 1;
    min-width: 33%; 
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0,0,0,.6);
    color: var(--platinum);
    text-shadow: 2px 2px 2px var(--black);
    font-family: "Iosevka Charon", serif;
}

#contact {
    width: 100%;
    height: auto;
    max-width: 440px;
    max-height: 260px;    
    aspect-ratio: 22/13;
    overflow-x: hidden;
    overflow-y: auto;
    border: 4px solid var(--black);
    box-sizing: content-box;
    text-align: center;
    background-color: var(--accent_blue);
    color: var(--platinum);
}

#contact h2 {
    padding: 25px;
    text-shadow: 2px 2px 2px var(--black);
    font-family: "Iosevka Charon", serif;
}

#contact_form label{
    font-family: "Instrument Sans", sans-serif;
}

#contact_form input{
    font-family: "instrument Sans", sans-serif;
}

footer {
    width: 100%;
    height: 150px;
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: var(--accent_blue);
    color: var(--silver);
    font-family: "Noto Serif", serif;
}

footer ul {
    min-width: 25%;
    display: flex;
    list-style-type: none;
}

footer img {
    width: 40px;
    margin-right: 40px;
}

.ice_block {
    width: 400px;
    padding: 20px;
    border: 4px solid var(--black);
    border-radius: 10px;
    box-sizing: content-box;
    background-color: var(--accent_blue);
}

.ice_block img{
    width: 400px;
    height: 300px;
    margin-top: 20px;
    transition: transform 0.3s ease;
}

.ice_block img:hover {
    transform:scale(1.1);
}