body {
    font-family: "quickard" , sans-serif;
    margin: 0;
    padding: 0;
    background-color: #53ceaf;
}

header{
    display: inline;
}

p{
    font-size: 25px;
}

h1 {
  font-size: 40px;
}

h2, h3{
    color:#121413;
}
.jumbotron {

font-size: 50px;
padding: 60px;
background-color: #6cc992;
text-align: center;
color: rgb(11, 17, 12);

}

.jumbotron h1:hover {

font-weight: bold;
}

nav{

background-color: #44c76f;
padding: 20px;
position: sticky;
top: 0;
}

nav ul{

padding-inline: 4rem;
display: flex;
gap: 2rem;
}

nav li {

display: inline;
list-style-type: none;
margin-right: 20px;

}

nav a {

font-size: 18px;
font-weight: 40px;
text-decoration: none;
color: rgb(22, 14, 14);
}

nav a:hover{

font-weight: bold;
font-size: 30px;
}

main{

padding: 20px;
display: flex;
gap: 1.5rem;

}

#content {

flex: 5;
display: flex;
flex-flow: column nowrap;
gap: 1rem 2rem;
background-color: #5be4b1;

}

aside {

flex: 1;

}

.card {
box-shadow:0 4px 8px 0 rgba(0,0,0,0,2);
border-radius: 5px;
padding: 20px;
background-color: #3dc59c;

}

.card p {

text-align: justify;
}

footer {

padding: 20px;
color: rgb(76, 199, 148);
font-size: 25px;
background-color: #53ceaf;
text-align: center;
font-weight: bold;
}

profile-header {
text-align: 100%;
}