/* -----------BOXES--------- */
.boxa{
    padding: 12px;

    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 2%;
    margin-top: 0.5%;


    border: 5px;
    border-style: inset;
    border-color: rgba(255, 255, 255, 0.358);
    border-radius: 12px;
    /* background-color: rgb(2, 11, 103); */
    background-image: radial-gradient(rgb(2, 11, 103), rgb(5, 0, 47));

}

.boxb{
    padding: 12px;
    margin-bottom: 10px;
    /* background-color: rgb(23, 0, 49); */
    background-image: radial-gradient(rgb(47, 5, 95), rgb(23, 0, 49));

    border: 5px;
    border-style: inset;
    border-color: rgba(255, 255, 255, 0.358);
    border-radius: 12px;

}
/* ----------------------------------------------------- */

/* ----------------TEXT----FORMATING------------- */
h1{
    font-size: xx-large;
    font-weight: bold;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: rgb(241, 253, 255);
    text-shadow:
        1.5px 2.6px
        black;
    
    text-decoration: underline;
    text-decoration-color: rgb(0, 255, 17);
    text-decoration-thickness: 2px;
    text-decoration-style:double;
}
h2{
    font-size:x-large;
    font-weight: bold;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: rgb(241, 253, 255);
    text-shadow: 1px 1px black;
    text-decoration: underline;
    text-decoration-color: rgb(255, 0, 21);
    text-decoration-thickness: 2px;
    text-decoration-style:double;
}
p{
    font-size:large;
    font-weight: 600;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: rgb(241, 253, 255);
    text-shadow: 1px 1px black;
    letter-spacing: 2px;
}