a:link {
      color: ghostwhite;
      background-color: transparent;
      text-decoration: none;
}

    a:visited {
      color: mediumpurple;
      background-color: transparent;
      text-decoration: none;
}

    a:hover {
      color: darkorchid;
      background-color: transparent;
      text-decoration: underline;
}

    a:active {
      color: yellow;
      background-color: transparent;
      text-decoration: underline;
}
    
    h1 {
        font-family: sans-serif;
        color: darkorchid;
        text-align: center;
}
    
    h2 {
        align-content: center;
        text-align: center;
}
        
    h6{
        text-align: center;
}    
        
    body {
        background-color: lightpink;    
        text-align: left;
}
    
    
    .container1 {
        position: relative;
        text-align: center;
        color: white;
}
        
        
    .page {
        position: absolute;
        top: 65px;
        left: 450px;
        transform: translate(-50%, -50%);
        font-family: 'Pangolin', cursive;
        font-style: italic;
        font-size: 35px;
        color: darkred;
}
        
    .navigation {
        position: absolute;
        top: 200px;
        left: 110px;
        transform: translate(-50%, -50%);
        font-family: 'Pangolin', cursive;
        font-size: 18px;
        color: darkred;
}
        
        
    .sidebar {
        position: absolute;
        top: 50px;
        left: 1100px;
        transform: translate(-50%, -50%);
        font-family: 'Pangolin', cursive;
        font-size: 18px;
        color: darkred;
}

    .sidebardesc {
        position: absolute;
        top: 100px;
        left: 1100px;
        transform: translate(-50%, -50%);
        font-family: 'Pangolin', cursive;
        font-size: 14px;
        color: darkred;
}

      
    .description {
        position: absolute;
        top: 105px;
        left: 750px;
        transform: translate(-50%, -50%);
        font-family: 'Indie Flower', cursive;
        font-style: italic;
        font-size: 15px;
        color: darkred;
}
        
    .content {
        position: absolute;
        top: 300px;
        left: 600px;
        transform: translate(-50%, -50%);
        font-family: 'Indie Flower', cursive;
        font-size: 20px;
        color: darkred;
}