body{
    min-height: 100dvh;
    font-family:MS PGothic;
    background-image: url(https://file.garden/aeVpDTeG9wi7ozvZ/backgrounds/starbg.gif);
    /* background-size: cover; */
    
}

.container {
    max-width:50rem;
    margin: 15vh auto 5vh auto;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    background-color:#edf7fc;
    border: 6px solid #8299ff;
	outline: 4px solid #5789f7;
	outline-offset: 2px;
    padding:5px;
}

header {
    width:100%;
    height:100px;
    position:relative;
    background-image: url("https://file.garden/aeVpDTeG9wi7ozvZ/backgrounds/eryth.png");
    background-size:cover;
    background-position: 0% 90%;
}


header span {
    position:absolute;
    bottom:0;
    padding-left:5px;
    text-shadow: 1px 1px #5789f7, -1px -1px #5789f7;
    color: #fff
}

.abtcontainer {
    flex: 1 1 50%;
    background-color:#fff;
    border: 1px solid #5789f7;
    border-radius:5px;
    padding:5px;
}

.abtcontainer img {
    width:10.5rem;
    float:right;
    margin-top:12px;
    margin-left:6px;
    margin-right:4px;
    border: 1.5px solid #8ac9f6;
    box-shadow: 2px 2px 3px #8299ff;
}

.othercontainer {
    flex: 1 1 10%;
    background-color:#fff;
    border: 1px solid #5789f7;
    border-radius:5px;
    padding:5px;
}

.othercontainer a {
    display: block;
    margin:10px 5px 10px 5px;
    background-color:#edf7fc;
    border: 1px solid #8ac9f6;
}

.othercontainer img {
    display: block;
    margin:10px;
}

.othercontainer h3 {
    text-shadow: 2px 2px 2px #8299ff;
}

.fullbar {
    flex: 1 1 100%;

    padding:5px;
}