.attribution { font-size: 11px; text-align: center; }
.attribution a { color: hsl(228, 45%, 44%); }
body{background-color: hsl(47, 88%, 63%);}
.logo{ border-radius: 10px;margin-top: 15px;}
span.learning{background-color:hsl(47, 57%, 61%) ;color: black;border-radius: 5px;padding: 4px 3px; }
.hover{font-size: 25px;font-family: fantasy;}
.hover:hover{color:hsl(47, 57%, 61%) ;cursor: pointer;}
.last{color: dimgrey;}
p.nom{font-size: medium;font-family: fantasy;padding: 5px 5px;}
img.profil{height: 32px ;width: 32px;float: left;margin-right: 10px;}
main{border-width: 15%;width:340px ;height: 465px;background-color: hsl(0, 0%, 100%);border-radius: 10px;
margin: auto;margin-top: 20px; position: relative;padding: 10px  15px ;}
main::before{position: absolute;bottom: -5px;right: -5px; background-color: black;
    width: 100%;height: 100%;z-index: -1;content: "";border-radius: 10px;
}