.slogan {
    font-style: italic;
    font-size: 24px;
    color: #FFD700;
    margin-top: 10px;
}
body{font-family:Arial,sans-serif;margin:0;background:#f5f7fa}
header{background:#0b3d91;color:#fff;padding:40px;text-align:center}
nav{background:#123;padding:10px;text-align:center}
nav a{color:#fff;margin:0 8px;text-decoration:none}
main{max-width:1100px;margin:auto;padding:20px}
.card{background:#fff;padding:20px;border-radius:10px;margin:15px 0}
.banner{
position:relative;
width:100%;
max-width:1920px;
margin:auto;
}

.banner img{
width:100%;
display:block;
}


.link-educacao {
    position:absolute;
    left:3%;
    top:88%;
    width:10%;
    height:6%;
    background:transparent;
    border:none;
}

.link-musica {
    position:absolute;
    left:15%;
    top:88%;
    width:10%;
    height:6%;
    background:transparent;
    border:none;
}

.link-desporto {
    position:absolute;
    left:27%;
    top:88%;
    width:10%;
    height:6%;
    background:transparent;
    border:none;
}

.link-arte {
    position:absolute;
    left:39%;
    top:88%;
    width:8%;
    height:6%;
    background:transparent;
    border:none;
}

.link-tecnologia {
    position:absolute;
    left:49%;
    top:88%;
    width:12%;
    height:6%;
    background:transparent;
    border:none;
}

.link-cidadania {
    position:absolute;
    left:63%;
    top:88%;
    width:10%;
    height:6%;
    background:transparent;
    border:none;
}

.link-natureza {
    position:absolute;
    left:75%;
    top:88%;
    width:10%;
    height:6%;
    background:transparent;
    border:none;
}

.link-valores {
    position:absolute;
    left:88%;
    top:88%;
    width:10%;
    height:6%;
    background:transparent;
      border:none;
}
.link-sustentabilidade{
    position:absolute;

    left:88%;
    top:78%;

    width:9%;
    height:6%;

    background:transparent;
    border:none;
}
.link-inovacao{
    position:absolute;

    left:89%;
    top:68%;

    width:9%;
    height:4%;
    
   background:transparent;
   border:none;
}
.link-partilhar{
    position:absolute;

    left:89%;
    top:42%;

    width:9%;
    height:4%;
    
   background:red;
   border:2px solid yellow;
}
.link-aprender{
    position:absolute;

    left:89%;
    top:41%;

    width:9%;
    height:4%;
    
   background:red;
   border:2px solid yellow;
}
.link-criar{
    position:absolute;

    left:89%;
    top:38%;

    width:9%;
    height:4%;
    
   background:red;
   border:2px solid yellow;
}

.link-sonhar{
    position:absolute;

    left:89%;
    top:29%;

    width:9%;
    height:4%;
    
   background:red;
   border:2px solid yellow;
}

.link-pensar{
    position:absolute;

    left:89%;
    top:24%;

    width:9%;
    height:4%;
    
   background:transparent;
   border:none;
}
.link-respeitar{
    position:absolute;

    left:89%;
    top:72%;

    width:9%;
    height:4%;
    
   background:red;
   border:2px solid yellow;
}
.link-transformar{
    position:absolute;

    left:89%;
    top:58%;

    width:9%;
    height:4%;
    
   background:red;
   border:2px solid yellow;
}

.link-viola{
    position:absolute;

    right:80%;
    top:48%;

    width:9%;
    height:4%;
    
   background:transparent;
   border:none;
}
.link-balao{
    position:absolute;

    right:65%;
    top:25%;

    width:9%;
    height:4%;
    
   background:transparent;
   border:none;
}
.link-biblioteca{
    position:absolute;

    left:55%;
    top:55%;

    width:9%;
    height:4%;
    
   background:transparent;
   border:none;
}