* {
    padding: 0;
    margin: 0;
    font-family: monospace;
}

body {
    background-image: url('https://willdotjpg.gay/images/backgrounds/tumblr_m8nou4nmIS1rdwlp0o1_400.png');
}


.container {
    width: 800px;
    height: 600px;
    border: 1px dashed #55e0b4;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #C6F1E4;
}

.main {
    background-color: #fffbf7;
    width: 780px;
    height: 580px;
    border-radius: 10px;
    border: 1px dashed #55e0b4;
    position: absolute;
    margin-left: 10px;
    margin-top: 10px;
    overflow: auto;
    padding: 10px;
    box-sizing: border-box;
}

.sidebar {
    width: 200px;
    height: 600px;
    position: absolute;
    margin-top: 210px;
    margin-left: 300px;
    border: 1px dashed #55e0b4;
    border-radius: 10px;
    background-color: #fffbf7;
    color: #C6F1E4;
}

h1 {
    text-decoration: underline;
    text-decoration-style: dashed;
    font-size: 35px;
}

/*.button {
    width: 180px;
    height: 50px;
    border-radius: 10px;
    background-color: #C6F1E4;
    color: #fff;
    text-align: center;
    font-size: 25px;
    line-height: 50px;
    margin-top: 10px;
    box-shadow: 1px 1px #55e0b4;*/
    
}

.button a {
    text-decoration: none;
    color: #fff;
}


/* tabs !!! */

.tab {
  overflow: hidden;

}

/* Style the buttons that are used to open the tab content */
.tab button {
    font-family: monospace;
    width: 170px;
    height: 40px;
    border-radius: 10px;
    background-color: #C6F1E4;
    color: #fff;
    text-align: center;
    font-size: 25px;
    line-height: 40px;
    margin-top: 10px;
    box-shadow: 2px 2px #55e0b4;
    transition: 0.2s;
    border: none;
}

/* Change background color of buttons on hover */
.tab button:hover {
    color: #55e0b4;

}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #55e0b4;
}

.tab button.active:hover {
    color: #C6F1E4;
}


/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
}