.img-school{
    padding: 5px;
    border-radius: 20px;
    /*background-color: rgba(0,0,0,.50);*/
    width: 100px !important;
    height: 100px !important;
    margin: 3px;
}

.div-school{
    display: inline-block;
    width:150px !important;
    height:150px !important;
    border-radius: 20px;
    background-color: rgba(0,0,0,.50);
    margin:10px
}

.div-school-name{
    max-width:127px !important;
    white-space:nowrap;
    font-size: 60%;
    color:#ffffff;
}

.div-school:hover{
    cursor: pointer;
    background-color: rgba(255,255,255,.50);
}

.div-school.div-school-name:hover{
    color:black;
}

#champ-rings{
    margin-left:10px;
    margin-right:10px;
    width: 100%;
    border-radius: 20px;
    margin-bottom: 20px;
    border: solid 2px;
    border-color: grey;
}

#gs-main{
    margin-top: 10px;
    margin-left:10px;
    margin-right:10px;
    width: 100%;
    border-radius: 20px;
    margin-bottom: 20px;
    border: solid 2px;
    border-color: grey;
}