@import url(player.css);
@import url(headerandfooter.css);
@import url(default.css);
@import url(tabs.css);

/*boxes*/
.textbox { 
    width: 1240px; 
    border: 5px solid red; 
    background-color: black; 
    margin-right: auto; 
    margin-left: auto;
    margin-top: 80px; 
    margin-bottom: 80px; 
    padding: 25px; 
} 
.section-box { 
    width: 1100px; 
    min-height: 500px; 
    border: none; 
    margin-top: 20px; 
    margin-bottom: 20px;
    margin-left: auto; 
    margin-right: auto;
    font-size: 18px; 
    padding: 20px; 
    text-align: center; 
}
.sona-box { 
    width: 1100px;
    min-height: 900px; 
    border: 5px solid red; 
    margin-top: 20px; 
    margin-bottom: 20px;
    margin-left: auto; 
    margin-right: auto;
    font-size: 18px; 
    padding: 20px; 
}
.inkubun-box { 
    width: 1000px;
    max-height: 750px; 
    border: 5px solid red; 
    margin-left: auto; 
    margin-right: auto;
    font-size: 18px; 
    padding: 20px; 
    overflow: auto; 
}
.persona-box { 
    width: 950px; 
    min-height: 200px; 
    margin-top: 10px; 
    margin-bottom: 10px;
    margin-left: auto; 
    margin-right: auto;
    font-size: 18px; 
    display: grid; 
    grid-template-areas: 
        "sona image";
}
.sona-description { 
    grid-area: sona;
    width: 500px;
    margin-left: auto; 
    margin-right: auto; 
}
/*images*/
.image-description { 
    grid-area: image;
    width: 420px; 
    text-align: center; 
    margin-left: auto; 
    margin-right: auto; 
    font-size: 18px; 
}
.sona-display { 
    width: 400px; 
    text-align: justify; 
    padding-bottom: 20px; 
    transition: transform 0.3s ease-in-out; 
}
.sona-display:hover { 
    transform: scale(1.1); 
}
/*texts*/
.header { 
    max-width: 900px;
    margin-left: auto; 
    margin-right: auto; 
    text-align: center; 
}
.introductory-text { 
    font-size: 21px; 
    text-align: center; 
    max-width: 1050px;
    margin-left: auto; 
    margin-right: auto; 
}
.sub-sona-text { 
    font-size: 18px; 
    max-width: 800px;
    text-align: center; 
    margin-left: auto; 
    margin-right: auto; 
}