main {
    font-family: Georgia, 'Times New Roman', Times, serif;
    position: absolute
}

header {
    font-family: 'Courier New', Courier, monospace;
}

.container {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    padding: 10px;
    margin: 10px;
    gap: 5px;
    box-shadow: 0 4px 8px 0 hsl(0, 0%, 20%);
    border-radius: 10px;
    background-image: linear-gradient(to right, hsl(300, 43%, 79%), hsl(315, 10%, 50%));
}

section {
    box-shadow: 0 4px 8px 0 hsl(0, 0%, 20%);
    border-radius: 10px;
    margin: 10px;
    padding: 10px;
    background-color: hsl(0, 0%, 95%);
}

img {
    border-radius: 10px;
    margin: 10px;
    width: 97%
}

#name {
    grid-row-start: 1;
    grid-row-end: 3;
}

@media (max-width: 500px) {
    section {
        background-image: linear-gradient(to bottom, hsl(0, 0%, 20%), hsl(0, 0%, 45%));
        color: hsl(0, 0%, 90%);
    }
}