body {
    width:100vw;
    height:100vh;
    font-family: 'Montserrat', sans-serif;
    margin:0;
}

main {
    width:100%;
    height: 100%;
    display: grid;
    grid-template-rows: 0.1fr 1fr 1fr;
}

main > section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding:1em;
}

#btn-write-p {
    background-color: #185fd3;
    color: white;
    border: 3px solid #165dd1;
    font-size: 1.2em;
    line-height: 2em;
    width: 30%;
}

#top-right #btn-tab-1 {
    background-color: #185fd3;
    color: white;
    border: 3px solid #165dd1;
    font-size: 1.2em;
    line-height: 2em;
    width: 30%;
}

#top-right #btn-tab-2 {
    background-color: #89010b;
    color: white;
    border: 3px solid #870009;
    font-size: 1.2em;
    line-height: 2em;
    width: 30%;
}

#tab-1, #tab-2 {
    display: none;
}

#bottom-left {
    display: grid;
    grid-template-rows: 0.1fr 1fr;
}

#bottom-left fieldset {
    border:none;
    width : 50%;
}

#bottom-left fieldset:not(:last-of-type) {
    display: grid;
    grid-template-rows: 1fr 1fr;
}

#bottom-left input[type='password'] {
    line-height: 2em;
}

#bottom-left input[type='submit'] {
    background-color: #185fd3;
    color: white;
    border: 3px solid #165dd1;
    font-size: 1.2em;
    line-height: 2em;
    width: 30%;
    display: none;
}

#bottom-right {
    display: grid;
    grid-template-rows: 0.1fr 1fr;
}

#box {
    width:60%;
    background-color: rgba(40, 99, 60, 1);
}