@font-face {
    font-family: 'Code';
    src: url('fonts/Code-Light.woff2') format('woff2'),
        url('fonts/Code-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Code';
    src: url('fonts/Code-Bold.woff2') format('woff2'),
        url('fonts/Code-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'gidole';
    src: url('fonts/Gidole-Regular.woff2') format('woff2'),
        url('fonts/Gidole-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

a{
  border:none;
  background-color:#0483d8;
  padding:20px;
  color:white;
  text-decoration: none;
}
a:hover{
  border:#0483d8 solid 2px;

  transition:0.4s;
  background-color:white;
  color:#0483d8;
  text-decoration: none;
}


.donate::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f4b9";
  padding-right:5px;
}
h2,h3,p,.buttons-redirect,span,a{
  font-family: 'gidole';
}
.prev{
  text-decoration: none;
  color:black;

}
.prev:hover{
  text-decoration: underline 3px;
}
.licence::before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f24e";
padding-right:5px;
}
.mastodon:before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f4f6";
padding-right:5px;
}

.twitter:before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f099";
padding-right:5px;
}
.video:before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f04b";
padding-right:5px;
}
.author:before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f4f6";
padding-right:5px;
}