body{
    background: #8E0E00;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #1F1C18, #8E0E00);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #1F1C18, #8E0E00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.head{
    text-align: center;
    margin-top: 20px;
    color: gainsboro;
    font-size: 40px;
    font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;
}
.app-section{
    align-items: center;
}
.app-section img{
    display: block;
    margin: auto;
    margin-top: 30px;
    width: 150px;
    height: 150px;
    border-radius: 30px; 
}
.app-section p{
    font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;
    text-align: center;
    font-size: 25px;
    color: gainsboro;
}
.app-section a{
    position: relative;
    margin: auto;
    display: block;
    width: 100px;
    font-size: 24px;
    text-align: center;
    padding: 0.5em 1em;
    background: linear-gradient(45deg, rgb(255, 255, 255), rgb(255, 255, 255));
    color: rgb(94, 0, 0);
    box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.25);
    border-radius: 0.2em;
    transition: box-shadow 0.2s ease-in-out;
    cursor: pointer;
    margin-bottom: 30px;
    font-family: "Comic Sans MS", cursive, sans-serif;
    text-decoration: none;
}
.app-section a:active{
    background-color: rgb(255, 0, 0);
    box-shadow: 0 0 6px rgba(0, 121, 238, 0.6);
    transition: box-shadow 0.1s ease-in-out;
}
.app-section a:after{
    content: "\0021e7";
    position: absolute;
    top: -0.4em;
    left: 0;
    right: 0;
    display: block;
    transform: rotate(180deg);
    font-size: 5em;
    opacity: 0;
    text-shadow: 0 0 1em rgba(0, 0, 0, 1);
    transition: opacity 0.3s ease-in-out, font-size 0.3s ease-in-out, top 0.3s ease-in-out;
    box-sizing: border-box;
    text-align: center;
    color: rgb(255, 0, 0);
}
.app-section a:active:after{
    font-size: 1em;
    opacity: 1;
    transition: none;
    top: 0.3em;
}
.app-section a:hover{
    box-shadow: 0 0.1em 0.25em rgba(0,0,0,0.25);
}
.foot{
    text-align: center;
    font-size: 20px;
    color: gainsboro;
}
.foot-2{
    text-align: center;
    font-size: 16px;
    color: gainsboro;
    
}
.foot-2 a{
    text-align: center;
    font-size: 16px;
    color: rgb(251, 255, 0);
    text-decoration: none;
    
}