@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");
@font-face {
    font-family: 'Alsandra';
    src: url('../fonts/alsandra.ttf') format('truetype');
}
body{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-align: center;
}
.title{
    font-family: 'Alsandra';
    font-size: 3em;
    margin-top: 20px;
    -webkit-text-stroke-width: 0.8px;
    -webkit-text-stroke-color: black;
    color: white;
}
#author{
    font-family: 'Alsandra';
    font-size: 1.4em;
}
#change > span:hover{
    cursor: pointer;
}
.avatar{
    width: 60%;
    margin: 0 auto;
}
.avatar-table{
    width: 20%;
    margin: 0 auto;
}
.card-wrapper{
    margin-top: 10px;
}
.card{
    width: 18rem; 
    margin: 0 auto; 
    padding: 10px; 
    margin-top: 15px;
}
.card-text{
    text-align: left;
}
footer{
    margin-top: 80px;
}