body {
font-family: Candara; 
margin:0;
background-color:#000;
color:#fff;
}


a {
  text-decoration: none;
  color: #fff;
}

a:visited {
  color: #fff;
}
a:hover, a:focus, a:active {
  text-decoration: none;
  color: #ffff00;
  font-style: italic;
}

h1 {
  font-size: 5vw;
  text-align:center;
  color: #ffff00;  
}

h2 {
  font-size: 4vw;
  text-align:center;
  color: #ffff00;  
}

h3 {
  font-size: 3vw;
  text-align:center;
  color: #fff;  
}



.page_flex {
  display: flex;
  flex-wrap: wrap;
  width:100%;
  justify-content: center;  
}


.an_flex {
  width: 300px;
  height:250px;
  vertical-align: top;
  margin:30px 10px;
  background-color:#eef;
  font-size: 18px;
  text-align: center;
  border-radius: 10%;
  cursor:pointer;
  color:#000;
  border:2px solid #fff; 
  position:relative;
  background-size:cover;
  background-repeat: no-repeat;
    padding-top:50px; 
}

.an_flex span {
 font-size: 60px;
 font-weight:bold; 
 color:#fff ;
 text-shadow: 2px 2px 10px black;
}

.an_flex p {
 background-color:#000; 
 font-size: 24px;
 color:#fff;
 font-weight:bold;
 padding:10px; 
}




.videos {
  margin-top:50px;
  margin-left:20px;
}

.videos a {
  font-size: 4vw;
}

.videos a::before {
  content:url(images/video.png) ;
}

form {
  font-size: 4vw;
}

form input {
  font-size: 4vw;
}


.docs {
  margin-top:50px;
  margin-left:20px;
  font-size: 2vw;
}

.docs a::before {
  content:url(images/doc.png) ;
}