main, nav {
    border: 2px double;
    padding: 20px;
    background-image: url(https://bettysgraphics.neocities.org/images/backgrounds/282.GIF);
    border-radius: 10px;
    border-color: royalblue;
    color: antiquewhite
}

.hugebox {
    max-width: 900px;
    margin: 50px auto;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 250px minmax(0,1fr) 250px;
    grid-template-rows: 126px auto auto ;
}

header{
    grid-row: 1 / 2;
    grid-column: 2 /  3;
    text-align: center;
    height: max-content;
}

nav {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    height: max-content;
    display: grid;
    grid-template-columns: auto auto;

}

nav img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.blinkies {
    grid-column: 1 / 3;
    display: grid;
    grid-gap: 3px;
}

.stamps1 {
    display: grid;
    grid-column: 2 / 3;
    grid-row: 2 / 3;

}

.stamps2 {
    display: grid;
    grid-column: 1 / 2;
    grid-row: 2 / 3;

}

.links {
    margin-top: 1rem;
    grid-column: 1 / 3;
    text-align: center;
    font-size: 1.2rem;
}

a.links:link, a.links:visited {
    color:antiquewhite;
    text-decoration:underline;

}

a.links:hover {
    color:darkmagenta;
}

/*
.stamp {
    width: 49%;
}
*/

main {
    grid-row: 2 / 3;
    grid-column: 2 / 4;
    height: max-content;
    font-family: Zain;
    
}

h1 {
    margin-top: 0;
    margin-bottom: -8px;
    font-size: 2.4rem;
}

h2 {
    margin-top: 0;
    margin-bottom: -10px;
    font-size: 1.2rem;
}

p {
    font-size: 0.95rem;
    text-align: justify;
}

footer {
    grid-row: 3 / 4;
    grid-column: 1 / 4;
    background-color: #B2FF9E;
    padding: 10px;
    text-align: center;
    margin: auto;
    margin-top: 15px;
    width: max-content;
    font-family: zain;
    font-size: 16px;
    border-radius: 10px;
    border: #B2FF9E solid;

}

a:link, a:visited {
    color:darkmagenta;
    text-decoration: none;

}

.footerhref {
    grid-row: 3 / 4;
    grid-column: 1 / 4;
    background-color: #B2FF9E;
    padding: 10px;
    text-align: center;
    margin: auto;
    margin-top: 15px;
    width: max-content;
    font-family: zain;
    font-size: 16px;
    border-radius: 10px;
    border: #B2FF9E solid;

}


div.hovereu1 {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    width: auto;
    height: auto;
    scale: 1.4;
    z-index: 2;
    transform: translateY(-20px);
}

div.hovereu2 {
    grid-row: 1 / 2;
    grid-column: 3 / 4;
    width: auto;
    height: auto;
    scale: 1.4;
    z-index: 2;
    transform: translateY(-20px) scaleX(-1);
}

.hovereu1, .hovereu2 {
    background-image: url(normal.png);
    background-size: 100%;
    background-repeat: no-repeat;

}

.hovereu1:hover, .hovereu2:hover {
    background-image: url(sorrino.png);
    background-size: 100%;
    background-repeat: no-repeat;

}

img.eu {
    float: left;
    margin-right: 15px;
    border: 15px ridge royalblue;
    
}