@font-face {
  font-family: "DomBold";
  font-weight: normal;
  font-style: normal;
  src: local("DomBold"), url("tt0769m_.ttf") format("truetype");
}

@font-face {
  font-family: "Biko";
  font-weight: normal;
  font-style: normal;
  src: url("Biko_Regular.otf");
}


a:link, a:visited {
  text-decoration: none;
  color:black;
}

a:hover {
background-color: yellow;
}


body {
color: black;
background-color: #000;
font-family: Verdana;
font-size: 1.5vh;
margin:0;
text-align:center;
transition: opacity 1s;
background-image:url('silhouette.jpg');
background-repeat: no-repeat;
background-size: 100vw;
background-attachment: fixed;
}


h1 {
font-size: 6vh;
color:#0ff;
font-family: "Biko"; 
text-shadow: 5px 5px 20px black;
}


h2 {
text-align:center;
font-family: "Biko";
font-size: 3vh;
text-transform: uppercase; 
}

h3 {
font-size: 2vh;
font-family: "Verdana";
}


.definition {
background-color: rgba(0,0,0,0.5);
color:#fff;
font-size: 2vh;
width:90vw;
border-radius: 3px;
margin:auto;
box-shadow: 0 0px 20px 0 black;
text-align:left;
}

.logos {
height:30px;
}


.page {
width:100vw;
height:100%;
display:flex;
flex-wrap: wrap;
justify-content: center;
}




.theme {
background-color: #fff;
color:#000;
font-size: 2.5vh;
min-width:300px;
max-width:500px;
min-height:100px;
border-radius: 0px 20px 0px 0px;
margin:2vh;
box-shadow: 0 0px 20px 0 black;
opacity:0.9;
}

@media only screen and (max-width: 600px) {
  .theme {
  width:90vw;
  }
}



.theme_bandeau {
width:100%;
text-align:center;
height:3vh;
border-radius: 0 20px 0 0; 
font-family: "Biko";
font-size: 2.5vh;
text-transform: uppercase;  
background-color: #0FF;
}


.theme_bandeau img {
height:2.5vh;
float:right;
padding-right:10px;
cursor:pointer;
}

.theme_contenu {
display:flex;
padding:0 10px 20px 10px;
text-align:left;
align-items:left;
flex-direction:column;
}

.theme_contenu p {
font-size: 2vh;
color:black;
margin-bottom:-0.5vh;
}

.cadre {
background-color: #fff;
color:#000;
font-size: 2vh;
//min-width:300px;
max-width:600px;
min-height:200px;
border-radius: 0px 20px 0px 0px;
margin:2vh;
box-shadow: 0 0px 20px 0 black;
opacity:1;
}

.cadre_contenu {
width:80%;
padding:0 10px 20px 10px;
text-align:left;
}