:root {
    --bg: url("https://okaqua.neocities.org/bg.png");
    --border:solid 3px blue;
    --txt:white;
    --pagebg:url("https://okaqua.neocities.org/bgtile.png")
}
@media (orientation: portrait){
    .image {
        display:none
    }
    .image2 img {
        width:75vw;
    }
    .profile2 summary {
        background-color: blue
    }
}
@media (orientation: landscape){
    .image2{display: none}
        .profile2 table {
            width: 96%;
            margin-left:15;
    }
    .profile2 {
        margin-left:4%
    }
}
.profile {
    width:100%;
}
.profile summary {
    padding:2%;
    border:3px blue solid;
    margin:2%
}
.profile 
.profile details {
    width: 100%
}
.bodycont {
    display: inline
}
.profile2 summary {
    padding-top: 2%;
    width:96%
}
.profile2[open] summary .name{
    display:none;
}
.profile2[open] summary .back{
    display:inline;
}
.back {
    display: none
}
.profile2 {
    height:fit-content;
}
.profile2 summary {
    width:91%
}
.profile2 table {
        background-color: #000056;
}
.info {
    font-size: 120%;
    align-content: start;
    padding: 5%
}
.image {
    width:fit-content;
}
.big {
    font-size: 40px;
}
.small {
    font-size: 90%;
    align-content: center;
    color:#FFFFFFAA
}