/* *{
    background-image: url(./save.gif);
    background-size: cover;
} */

h1{
    color: white;
    background-color: #0b0606;
    border: solid white 5px;
    border-radius: 20px;
    
    width: 170px;
}
sp{
    color:rgb(47, 165, 173);
}
body {
    background-image: url(./save.gif);
    background-size: cover;
    font-family: Arial, sans-serif;
    margin: 20px;
}

#editor {
    background-color: white;
    margin-top: 10px;
    /*margin-bottom: 20px;
    margin-left: 350px;
    margin-right: 50px; */
    width: auto;
    height: auto;
    border: 1px solid #0b0606;
    padding: 10px;
    min-height: 200px;
    border-radius: 20px;
    border-color: black;
    border-width: 5px;
}

#toolbar {
    margin-top: 10px;
    height: auto;
    width: auto;
    /* margin-left: 350px; */
}

button {
    width: auto;
    height: auto;
    border-color: blueviolet;
    border-radius: 10px;
    margin-right: 5px;
    cursor: pointer;

}

footer{
    position: absolute; 
    bottom: 0; 
    left: 0; 
    z-index: 10;
    text-align: center;
 }
 /* .footer { 
    

} */

spa{
    font-weight: bold;
    color: black;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    /* background-color: white; */
    /* border: solid white 1px; */
    /* border-radius: 8px; */
 }

 /* ***************************************************** */
 header {
    color: #fff;
    padding: 10px;
    text-align: right;
    width: 70px;
    height: 140px;
    
    
}

#menu-toggle {
    cursor: pointer;
}

nav {
    display: none;
}

nav ul {
    list-style: none;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

nav ul li {
    display: inline-block;
    color: white;
    margin-right: 15px;
}