h1 {
    font-family: 'Comic Sans MS', cursive, sans-serif;
    text-align: center;
}

body {
    color: #392A3F;
    background-color: #ff9980;
    /*background-image: url('cloud.png');*/
}

p {
    font-family: 'Comic Sans MS', cursive, sans-serif;
}

a {
    color: #986FA7;
}

.container {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-left: 50px;
    padding-right: 50px;
    max-width: 600px;
}

.frame {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px;
    max-width: 600px;
}

.sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    width: 200px;
}

.navigationHeader {
    border: 3px;
    border-color: #FFC3A0;
}

.layout {
    display: flex;
    flex-direction: row;
    max-width: 1200px;
}

img {
    border: 6px solid #D6A2E8;
}