body{
    font-family: 'robota', sans-serif;
    font-size: 90%;
}

h1{margin: 1em;text-align: center;font-weight: 100;}
h2{margin-top: 2em;}
h3{margin-top: 1em;}

a{color:#009ee0;}
a:hover{color:#009ee0;text-decoration: underline;}
a:visited{color:#009ee0;}

a.link_over_magenta{color:#fff;}
a.link_over_magenta:hover{color:#fff;text-decoration: underline;}
a.link_over_magenta:visited{color:#fff;}

footer{
    width: 100%;
    background-color: #dc0067;
    color: #fff;
}

.navbar{
    background-color: #dc0067!important;
    color : #fff!important;
}

.navbar a{color : #fff!important;}

.nav-item:hover{
    background-color : hsl(332, 100%, 40%)!important;
}

.navbar-toggler{
    border-color: #fff!important;
}

.navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
}

.bg-yellow{
    background-color: #ffb400;
}

.btn-on-com-card:hover{
    background-color: hsl(42, 100%, 45%);
}

.card-footer .btn{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

@media all and (max-width: 900px) {
    .card-deck {
      display:block!important;
    }

    .card{
        margin-bottom:15px!important;
    }

}

@media all and (max-width: 700px) {
    .container{
        width: 100%!important;
    }

    h1{margin: 1em 0;overflow-wrap: break-word;}
    h2{margin-top: 1em;overflow-wrap: break-word;}
    h3{margin-top: 0.5em;overflow-wrap: break-word;}
}