@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital, opsz, wght@0, 6..12, 200..1000;
    1, 6..12, 200..1000&family=Nunito: ital, wght@0, 276;
    1, 276&display=swap');
    
body  {
    
    font-family:  "Nunito",  serif;
    

  

}
[class~=dropdown-content] a {
    color: black;
}
[class~=dropdown-content] a {
    padding-left: 12pt;
}
[class~=error-message], [class~=dropdown-content] {
    display: none;
}
[class~=dropdown-content] a {
    padding-bottom: .75pc;
}
[class~=error-message] {
    background-color: #fde2e2;
}
[class~=dropdown-content] a {
    padding-right: 12pt;
}
[class~=error-message] {
    border-left-width: .125pc;
}
[class~=error-message] {
    border-bottom-width: .125pc;
}
[class~=error-message] {
    border-right-width: .125pc;
}
[class~=dropdown-content] a {
    padding-top: .75pc;
}
[class~=emoji-picker], .sidenav .closebtn, [class~=dropdown-content] {
    position: absolute;
}
[class~=sidenav] a, [class~=dropdown-content] a {
    text-decoration: none;
}
[class~=error-message] {
    border-top-width: .125pc;
}
[class~=error-message] {
    border-left-style: solid;
}
[class~=dropdown-content] a {
    display: flex;
}
[class~=error-message] {
    border-bottom-style: solid;
}
[class~=error-message] {
    border-right-style: solid;
}
[class~=error-message] {
    border-top-style: solid;
}
.sidenav .closebtn {
    top: 0;
}
[class~=error-message] {
    border-left-color: red;
}
[class~=dropdown-content] a {
    align-items: center;
}
[class~=error-message] {
    border-bottom-color: red;
}
[class~=error-message] {
    border-right-color: red;
}
[class~=emoji-picker] span {
    font-size: 24px;
}
.sidenav .closebtn {
    right: .260416667in;
}
.sidenav .closebtn {
    font-size: 27pt;
}
[class~=emoji-picker] span {
    cursor: pointer;
}
[class~=error-message] {
    border-top-color: red;
}
.sidenav .closebtn {
    margin-left: 50px;
}
[class~=error-message] {
    border-image: none;
}
[class~=error-message] {
    color: red;
}
[class~=error-message], [class~=emoji-picker] {
    padding-left: .104166667in;
}
[class~=error-message], [class~=emoji-picker] {
    padding-bottom: .104166667in;
}
[class~=emoji-picker] span {
    padding-left: .052083333in;
}
[class~=error-message], [class~=emoji-picker] {
    padding-right: .104166667in;
}
[class~=emoji-picker] span {
    padding-bottom: .052083333in;
}
[class~=error-message], [class~=emoji-picker] {
    padding-top: .104166667in;
}
[class~=error-message] {
    margin-top: .104166667in;
}
[class~=error-message] {
    text-align: center;
}
[class~=error-message] {
    border-radius: 3.75pt;
}
[class~=emoji-picker] span {
    padding-right: .052083333in;
}
[class~=emoji-picker] span {
    padding-top: .052083333in;
}
[class~=dropdown-content] {
    background-color: #f9f9f9;
}
[class~=dropdown-content] {
    min-width: 10pc;
}
[class~=dropdown-content] {
    box-shadow: 0px 8px 1pc rgba(0, 0, 0, .2);
}
[class~=sidenav] a {
    padding-left: 2pc;
}
[class~=sidenav] a {
    padding-bottom: 8px;
}
.emoji-picker span:hover, .dropdown-content a:hover {
    background-color: #f1f1f1;
}
[class~=sidenav] a {
    padding-right: 8px;
}
[class~=sidenav] a {
    padding-top: .5pc;
}
[class~=dropdown-content] {
    z-index: 1;
}
[class~=dropdown-content] {
    bottom: 100%;
}
[class~=dropdown-content] {
    margin-bottom: .104166667in;
}
[class~=emoji-picker] {
    display: none;
}
[class~=emoji-picker] {
    bottom: 45pt;
}
[class~=sidenav] a {
    font-size: 18.75pt;
}
[class~=sidenav] a {
    color: #ffffff;
}
[class~=emoji-picker] {
    left: 7.5pt;
}
[class~=emoji-picker] {
    background-color: #fff;
}
[class~=emoji-picker] {
    border-left-width: .75pt;
}
[class~=emoji-picker] {
    border-bottom-width: .75pt;
}
[class~=sidenav] a, .dropdown.show .dropdown-content {
    display: block;
}
[class~=sidenav] a {
    transition: .3s;
}
[class~=emoji-picker] {
    border-right-width: .75pt;
}
[class~=emoji-picker] {
    border-top-width: .75pt;
}
[class~=emoji-picker] {
    border-left-style: solid;
}
[class~=emoji-picker] {
    border-bottom-style: solid;
}
[class~=emoji-picker] {
    border-right-style: solid;
}
[class~=emoji-picker] {
    border-top-style: solid;
}
[class~=emoji-picker] {
    border-left-color: #ccc;
}
[class~=emoji-picker] {
    border-bottom-color: #ccc;
}
[class~=emoji-picker] {
    border-right-color: #ccc;
}
[class~=emoji-picker] {
    border-top-color: #ccc;
}
[class~=emoji-picker] {
    border-image: none;
}
[class~=emoji-picker] {
    box-shadow: 0in 4px 7.5pt rgba(0, 0, 0, .1);
}
[class~=emoji-picker] {
    z-index: 1000;
}
[class~=emoji-picker] {
    border-radius: 8px;
}
[class~=emoji-picker] {
    max-width: 187.5pt;
}
[class~=emoji-picker] {
    overflow-x: auto;
}
[class~=emoji-picker] {
    white-space: nowrap;
}
[class~=sidenav] {
    height: 100%;
}
[class~=sidenav] {
    width: 0;
}
[class~=sidenav] {
    position: fixed;
}
[class~=sidenav] {
    z-index: 1;
}
[class~=sidenav] {
    top: 0;
}
[class~=sidenav] {
    left: 0;
}
[class~=sidenav] {
    background-color: #b98ee7;
}
[class~=sidenav] {
    overflow-x: hidden;
}
[class~=sidenav] {
    transition: .5s;
}
[class~=sidenav] {
    padding-top: 3.75pc;
}
[class~=sidenav] {
    color: #111;
}
[class~=sidenav] a:hover {
    color: #f1f1f1;
}
@media screen and (max-height: 450px) {
    [class~=sidenav] {
    padding-top: 15px;
}
[class~=sidenav] a {
    font-size: .1875in;
}
}

@keyframes fadein {
    from {
    bottom: 0;
    opacity: 0;
}
to {
    bottom: 30px;
    opacity: 1;
}
}
@keyframes fadeout {
    from {
    bottom: 30px;
    opacity: 1;
}
to {
    bottom: 0;
    opacity: 0;
}
}