body {
    background-image: url(catpink.png);
}

#container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}
#hello {
    font: 20px panic;
    background-color: rgb(255, 255, 255);
}
#link {
    font: 30px jambo;
    color: rgb(126, 41, 41);
    text-align: center;
    text-decoration: none;
    display: block;
    font: 25px panic;
    background-color: rgb(205, 126, 144);
    padding: 5px;
    border: 3px solid rgb(100, 42, 42);
    transition: .5s ease;
}
#link:hover {
    background-color: rgb(153, 79, 96);
    color: rgb(239, 143, 143)
}
.box {
    width: 24%;
    background-color: rgba(255, 255, 255, 0.674);
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 6px 6px rgb(255, 255, 255);
    color: rgb(219, 117, 117);
    margin: 0px;
    border: 4px solid rgb(175, 99, 99);
    height: 350px;
    overflow: auto;
    scrollbar-color: rgb(252, 160, 169) rgb(208, 132, 132);    
}
.box a {
    color: rgb(180, 66, 66)
}
.box h1 {
    text-align: center;
    font: 33px panic;
}
.box p, ol {
    font: 20px jambo;
}

@font-face {
    font-family: "jambo";
    src: url(DK\ Jambo.otf) format("truetype");
}
@font-face {
    font-family: "panic"; 
    src: url("Panic.ttf") format("truetype");
}