@import url('https://fonts.googleapis.com/css?family=Barlow:400,800,900');
* {text-align: center;}
* {margin: 0;}
header {
    font-family: 'Barlow', sans-serif;
    text-align: center;
    color: #84d0d9;
    background-size:contain;
    margin: 0rem;
}
body { background: linear-gradient(to right,#bfd8d8, #b4f5c6)}



h1 {text-align:center; 
    text-decoration: none;
    font-size:2rem;
    font-family: 'Barlow', sans-serif;
    word-spacing: 10px;
    color:white;
    box-sizing: none;
    text-decoration: inherit;
}
h2 {text-align: center;
    text-decoration:inherit;
    font-family: 'Barlow', sans-serif;
    color: white;
    font-size: 2rem;
    word-spacing: 2px; 
    outline: inherit;
    font-weight:normal;margin-top: 1rem;}
h4 {font-family: 'Barlow', sans-serif;
    color: #747272;
    font-size: 1,4rem;}
    
h5 { margin-top: 3rem;
margin-bottom: 2rem;
color: white;
font-size: 1rem;
font-family: 'Barlow bold', sans-serif;
font-weight: 400;
line-height: 1.2rem }

h6{font-family: 'Barlow', sans-serif;
    text-decoration: inherit;
    color: #fcfcfc;
    font-size: 1,4rem;
    font-size: 12px;
    margin-left: 20px;
    margin-right: 35px;
    margin-top: 1rem;
    
}
h7{font-family: 'Barlow', sans-serif;
    color: #747272;
    font-size: 1,4rem;
    font-size: 12px;
    margin-left: 20px;
    margin-right: 35px;
    margin-top: 2rem;
}
img { margin align-content: center; 
     margin-top: 0;
     border-radius: 0%;
     padding: 0rem;
     border: 20px solid;
    border-color: white;
  margin: 20px;
}

nav ul { 
    text-align: center;
    list-style-type:none;
    margin:0;
    padding: 5px;
    position: relative;
    overflow:hidden;
    box-sizing: border-box;
    margin-bottom: 2rem; 
    background: linear-gradient(to right, #fca5f1 ,#b5ffff);
    padding: 2rem;
    font-size: 100%;
font-style: inherit;
}



nav ul li  { float:none;
    text-align: center;
    display: inline;}

li a {
    display: inline;
    color: white;
    text-align: center;
        padding: 2rem 4rem 2rem 4rem;
    text-decoration: none;}


li a:hover { background-color: #acd6d6;}
}


div{width:30%;}

section { margin-top:60px; margin-left: 0px; margin-right: 0px;}

.compas 
{ columns: 2;
  background-color:white;
    padding: 0.2rem;font-family: 'Barlow', sans-serif;margin-left: 2rem; margin-right: 2rem;
}

.compas p a 
{ color: #cc5ac4;
  font-size: 1rem;
    background-position: bottom , center,
    font-family: 'Barlow', sans-serif;
}
footer {color: white; 
    font-family: arial, sans-serif; 
    font-weight: 200; 
    font-size: 0.7rem; 
    ;  background: linear-gradient(to right, #e7f8ec ,#c0f4f4); padding: 13px; display: inline-block; margin-left: 2rem; margin-right: 2rem; margin-top: 1rem;}

.cbc {color: #989898; 
    font-family: arial, sans-serif; 
    font-weight: 200; 
    font-size: 1rem; 
    ;background:#cefdfd; padding: 20px; display: inline-block; margin-left: 2rem; margin-right: 2rem; margin-top: 1rem;
}

.nivel1{color: #989898; 
    font-family: arial, sans-serif; 
    font-weight: 200; 
    font-size: 1rem; 
    ;background:#cefdfd; padding: 20px; display: inline-block; margin-left: 2rem; margin-right: 2rem; margin-top: 0rem;
    
}
.nivel2{color: #989898; 
    font-family: arial, sans-serif; 
    font-weight: 200; 
    font-size: 1rem; 
    ;background:#cefdfd; padding: 20px; display: inline-block; margin-left: 2rem; margin-right: 2rem; margin-top: 0rem;
    
}