* {
    font-family: inherit;
}

body {
    background-color: black;
    color: white;

}

a {
    color: white;
}

style1 {
    color: darkgreen;
}

style2 {
    color: blue;
}

style3 {
    color: brown;
}


h2 {
    color: white;
    font-size: 12px;
    text-align: center;
}

.top {
    border-color: blue;
    background-color: purple;
    color: #FDEEF4;
    text-align: center;
}

#text {
    color: yellow;
}

#enter {
    background-color: lightyellow;
    text-align: center;
    text-shadow: 2px 2px blue;
    font-size: 20px;
    border-radius: 25px;
}

#center {
    text-align: center;
}

#sai {
    background-color: yellow;
    text-align: center;
    color: black;
    font: bold;
}

#google {
    background-color: blue;
    border: 2px solid brown;
    color: yellow;
    font: bold;
}

/* //notebook start */
#add {
    background-color: gold;
    color: white;
    font-weight: bold;
    font-style: italic;
    font-size: large;
    text-decoration: none;
    border-width: 5px;
    border-color: red;
    border-style: outset;
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
}

add1 {
    color: black;
    font-size: 5px;
}

add2 {
    color: blue;
    font-size: 7px;
}

add3 {
    color: red;
    font-size: 9px;
}

.blue1 {
    background-color: pink;
    color: #000000;
    font-weight: bold;
    margin-top: 1px;
    margin-bottom: 1px;
    border: 5px solid palevioletred;
}

.blue2 {
    background-color: silver;
    color: #ffffcc;
    font-weight: bold;
    text-decoration: none;
}

#left {
    background-color: black;
    color: black;
    font-size: 12px;
    text-align: left;
    margin-top: 1px;
    margin-bottom: 1px;
}

#head {
    background-color: white;
    color: darkgreen;
    font-size: 12px;
    text-align: center;
}

#enter1 {
    /* background-color: lightyellow; */
    text-align: center;
    text-shadow: 1px 1px #fff;
    font-size: 20px;
    border-top: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;
    /* border-radius: 25px; */
}

#left1 {
    background-color: yellow;
    color: black;
    font-size: 15px;
    text-align: left;
}
.tr1 {
    background-color: #FFFFFF;
    color: #000000;
}

p {
    margin: 0 0 0px;
}

#panel {
    text-align: center;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
}

#flip {
    text-align: center;
    background-color: #000000;
}

#panel {
    padding: 1px;
    display: none;
}

#add {
    background-color: lightyellow;
    color: white;
    font-weight: bold;
    font-style: italic;
    font-size: large;
    text-decoration: none;
    border-width: 5px;
    border-color: red;
    border-style: outset;
    margin: 5px;
    padding: 5px;
    border-radius: 10px;
    text-align: center;
}

.style4 {
    color: black;
    font-size: 12px;
}

.style5 {
    color: blue;
    font-size: 18px;
}

.style6 {
    color: red;
    font-size: 20px;
}

.style7 {
    color: brown;
    font-size: 15px;
}

.style8 {
    color: darkgreen;
    font-size: 15px;
}
h1 {
    color: #FFFFFF;
    font-size: 20px !important;
    text-align: center;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-weight: bolder;
    font-style: italic;
}

h2 {
    color: black;
    font-size: 12px;
    text-align: center;
}

#left {
    background-color: black;
    color: black;
    font-size: 12px;
    text-align: left;
}

#note {
    background-color: white;
    color: green;
    font-size: 15px;
    text-align: center;
}

#enter {
    background-color: lightyellow;
    text-align: center;
     /* text-shadow: 1px 1px blue; */
    font-size: 20px;
    border-radius: 25px;
}
a {
    color: #F00A3B;
    font-weight: bold;
    text-decoration: none;
}

#panel {
    text-align: center;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
}

#flip {
    text-align: center;
    background-color: #000000;
}

#panel {
    padding: 1px;
    display: none;
}

#add {
    background-color: lightyellow;
    color: white;
    font-weight: bold;
    font-style: italic;
    font-size: large;
    text-decoration: none;
    border-width: 5px;
    border-color: red;
    border-style: outset;
    margin: 5px;
    padding: 5px;
    border-radius: 10px;
    text-align: center;
}

.style4 {
    color: black;
    font-size: 12px;
}

.style5 {
    color: blue;
    font-size: 15px;
}

.style6 {
    color: red;
    font-size: 20px;
}

.style7 {
    color: brown;
    font-size: 15px;
}

.style8 {
    color: darkgreen;
    font-size: 15px;
}
.no-margin{
    margin: 0 !important;
}
.bg-orange{
     background-color: #ff3b00;
}

.red{
    color:#ff3b00;
}

.skyBlue{
    color:#08b6f9;
}
.greenyellow{
    color:#08b6f9 !important;
}