body {

    background-image: url(../Images/Other/sfondo/sfondo1.jpg);

    background-size: cover;

    background-attachment: fixed;

    background-color: #000;

    font-family: "Segoe ui";

    margin: 0px;

    padding: 0px 0px 100px 0px;

    font-size: 16px;

    overflow-x: hidden;

    overflow-y: scroll;

}



    body::-webkit-scrollbar {

        width: 12px;

        background: #000000;

    }



    body::-webkit-scrollbar-corner {

        background: #000000;

    }



    body::-webkit-scrollbar-thumb {

        background: #a0a0a0;

    }



        body::-webkit-scrollbar-thumb:hover {

            background: #97bac8;

        }



        body::-webkit-scrollbar-thumb:active {

            background: #427594;

        }



.titlebar {

    width: 30%;

    margin-left: 35%;

    margin-bottom: 50px;

    color: #fff;

    text-align: center;

    font-weight: bolder;

    text-shadow: 0px 0px 4px #666;

    box-shadow: 0px 0px 10px #000;

    border-radius: 0px 0px 20px 20px;

    transition: text-shadow 0.5s, box-shadow 0.5s;

}



    .titlebar:hover {

        text-shadow: 0px 0px 4px #aaa;

        box-shadow: 0px 2px 10px #000;

    }



.panelAccount {

    color: #fff;

    text-align: center;

    box-shadow: 0px 0px 10px #000;

    border-radius: 0px 0px 0px 20px;

    position: absolute;

    max-width: 300px;

    padding: 15px;

    top: 0px;

    right: 0px;

    background-color: rgba(30, 30, 30, 0.95);

    transition: text-shadow 0.5s, box-shadow 0.5s;

}



    .panelAccount:hover {

        box-shadow: 0px 2px 10px #000;

    }



.maintitle {

    padding: 0px 0px;

    background-color: rgba(30, 30, 30, 0.95);

    font-size: 60px;

    letter-spacing: 7px;

}



.subtitle {

    padding: 0px 0px 10px 0px;

    background-color: rgba(30, 30, 30, 0.95);

    font-size: 30px;

    letter-spacing: 2.5px;

    word-spacing: 12px;

    border-radius: 0px 0px 20px 20px;

}



.button {

    box-shadow: 0px 0px 10px #000;

    padding: 10px 30px;

    border: 2px solid rgba(30, 130, 250, 1.0);

    border-radius: 15px;

    background-color: rgba(30, 30, 30, 1.0);

    color: #fff;

    font-size: 16px;

    margin: 5px;

    transition: background-color 0.15s, color 0.15s;

}



    .button:hover {

        background-color: rgba(30, 130, 250, 1.0);

        color: #fff;

    }



.textBoxGeneral {

    font-size: 16px;

    padding: 10px;

    border: 2px solid #333;

    border-radius: 15px;

    box-shadow: 0px 0px 10px #000;

    background-color: rgba(30, 30, 30, 1.0);

    color: #fff;

    transition: background-color 0.15s, box-shadow 0.15s;

}



    .textBoxGeneral:hover {

        box-shadow: 0px 0px 4px #000;

        background-color: rgba(50, 90, 160, 1.0);

    }



.list {

    margin: 5px;

    min-width: 200px;

    max-width: 200px;

    overflow: hidden;

    font-size: 16px;

    padding: 10px;

    border: 2px solid #333;

    border-radius: 15px;

    box-shadow: 0px 0px 10px #000;

    background-color: rgba(30, 30, 30, 1.0);

    color: #fff;

    transition: background-color 0.15s;

}



.list2 {

    width: 200px;

    overflow: hidden;

    font-size: 16px;

    padding: 10px;

    border: 2px solid #333;

    border-radius: 15px;

    box-shadow: 0px 0px 10px #000;

    background-color: rgba(30, 30, 30, 1.0);

    color: #fff;

    transition: background-color 0.15s;

}

    .list:hover {

        background-color: rgba(30, 130, 250, 1.0);

    }



.listitem {

    background-color: rgba(30, 30, 30, 1.0);

    color: #bbb;

}

.info {

    position: fixed;

    color: rgba(255, 255, 255, 0.5);

    right: 0;

    top: 0;

    text-align: right;

    font-style: italic;

    font-size: 8px;

}

.spanBookInfo {

    color: #999;

}