/*HTML*/
html{
        background-image:url(Imagess/pixil-frame-0.png); 
        color: black;
        font-family: "Consola", monospace;
    }

header, #pages, main{
    border: black 5px solid;
    background-color: bisque;
    border-color: rgb(59, 12, 0);
    border-radius: 4px;
}


#container{
    max-width: 1000px;
    margin: auto;
    display: grid;
    grid-gap: 10px ;
}

#noonelogo{
    width: 80px;
    height: 80px;
}
/*HTML*/





/*BUTTON*/
button{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width:220px;
    height: 50px;
    gap: 30px;
    border: 4px solid;
    border-radius: 4px;
    font-family: determination, monospace;
    font-size: 25px;
    letter-spacing: 2px;
    transition: 0.5;
    cursor: pointer;
}
/*BUTTON*/




/*CONTAINERS*/
header{
    padding: 10px;
    grid-row: 1 / 2 ;
    grid-column: 1 / 3 ;
    font-family: "Francois", monospace;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 20px;
    font-family: "Determination", monospace;
}

main{
    padding: 15px;
    grid-row: 2 / 3 ;
    grid-column: 2 / 3;
    width: 800px;
}

#pages{
    padding: 10px;
    grid-row: 2 / 3 ;
    grid-column: 1/ 2 ;
    height: max-content;
    width: max-content ;
    background-image: url(/Imagess/notebookpapertexture.jpg);
    margin-top: 80px;
}
/*CONTAINERS*/