$base-color: #01a0e4; $darker-color: rgba(0, 160, 227, 0.2);

} html{

scroll-behavior: smooth;

}

a{

text-decoration: none;

} p{

a{
    display: inline-block;
    font-style: italic;
    border-bottom: 1px solid $base-color;
    line-height: 0.9;
    transition: background-color 0.1s cubic-bezier(.33,.66,.66,1);
}
a:hover{
    background-color: $darker-color;
    border-bottom: none;
}

}

.container{

display: flex;
flex-direction: row;
justify-content: space-evenly;
align-items: flex-start;
.content{
    order: 1;
    width: 55%;
}

}

footer{

text-align: center;
font-size: .85rem;
margin-bottom: 10px;
margin-top: 20px;
a{
    text-decoration: none;
    color: black;
}

}