:root{
    --bg-color: #1c1c29;
    --menu-bg: #020202;
    --logo-color: #efefef;
    --text-color: white;
}

.light-theme{
    --bg-color:#d4d4d4;
    --text-color:#121212;
}

body{
    background: var(--bg-color);
    color: var(--text-color);
    font-family:Arial, Helvetica, sans-serif;
    padding:0;
    margin:0;
}

nav{
    background: var(--menu-bg);
    display:block;
    position:relative;
    height:50px;
}

nav ul, nav div{
    display:inline-block;
}

nav a:link, nav:visited{
    color:#efefef;
    padding:5px 10px;
    text-decoration:none;
    font-size:14pt;
    transition:color 0.2s ease;
}

nav a:hover{
    color:#6680ca;
}

nav a:last-child{
    padding-right:0;
}

nav ul{
    list-style-type:none;
    text-align:left;
    width:20em;
    position:absolute;
    right:0;
    top:0;
    margin:0;
    padding:15px 0px;
}

nav ul li{
    display:inline-block;
}

#themeToggle{
    border-radius:3px;
    color:#efefef;
    background:#425fb5;
    border:none;
    outline:none;
    padding:5px 10px;
    transition:background 0.2s ease;
}

#themeToggle:hover{
    background:#1c3683;
    cursor:pointer;
}

.logo{
    color: var(--logo-color);
    width:30em;
    height:40px;
    font-size:18pt;
    padding:10px;
    font-weight:bold;
}

.container{
    padding:40px;
}

#expiration, #createPaste, #pastePassword{
    padding:5px 10px;
    margin:0 auto;
    margin-top:20px;

}