body {
    background-color: white;
}

h1 {
    color: darkblue;
    margin-left: 20px;
    text-align: center;
}

h2 {
    color: blue;
    margin-left: 20px;
    text-align: center;
}

p {
    text-align: right;
}

h3 {
    color: black;
    margin-left: 20px;
    text-align: center;
    margin-bottom: 50px;
}

h4 {
    color: brown;
    margin-left: 20px;
    margin-bottom: 50px;
    height: 22px;
    width: 164px;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align :center ;
    }


.panel {
    display: inline-block;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    column-width: auto;
    border-radius: 8px;
    padding-right: 0.5em;
    padding-left: 0.5em;
}

a.x:link, a.x:visited {
    background-color: darkslateblue;
    color: white;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

.hb1 {
    background-color: darkorange;
    color: white;
    text-align: center;
    display: inline-flex;
    align-content: flex-end;
    border-radius: 8px;
    padding-right: 0.5em;
    padding-left: 0.5em;
}
.hb2 {
    background-color: red;
    color: white;
    text-align: center;
    display: inline-flex;
    border-radius: 12px;
    align-content: flex-end;
    padding-right :0.5em;
    padding-left:0.5em;
}
.hb3 {
    background-color: blueviolet;
    color: white;
    text-align: center;
    display: inline-flex;
    align-content: flex-end;
    border-radius: 8px;
    padding-right: 0.5em;
    padding-left: 0.5em;
}
.hb4 {
    background-color: deeppink;
    color: white;
    text-align: center;
    display: inline-flex;
    align-content: flex-end;
    border-radius: 8px;
    padding-right: 0.5em;
    padding-left: 0.5em;
}
.hb6 {
    background-color: greenyellow;
    color: black;
    text-align: center;
    display: inline-flex;
    align-content: flex-end;
    border-radius: 8px;
    padding-right: 0.5em;
    padding-left: 0.5em;
}

a.x:hover, a.x:active {
    background-color: midnightblue;
   border-bottom:thick;
   border-bottom-color:orangered;
}
a.hb1:hover,a.hb2:hover,a.hb3:hover,a.hb6:hover,a.hb4:hover {
    background-color:yellow ;
    color: black;
}

a.s:link, a.s:visited {
    color: blueviolet;
    text-align: center;
    text-decoration: none;
}


a.s:hover, a.s:active {
    color: midnightblue;
}