a {
    text-decoration: none;
    display: block;
    padding:16px;
    font-family: Lato, sans-serif;
    font-size:16px;
    color:#d2d2d3;
    transition: background 0.1s ease;
}

a:hover {
    background:rgba(0,0,0,0.2);
}

a:active {
    background:rgba(0,0,0,0.4);
}

li {
    list-style: none;
    text-align:left;
    border-bottom:1px solid hsla(0,0%,100%,.05);
}

body {
    text-align:center;
}

ul {
    padding:0;
}

body {
    background: #1c1f22;
}

input {
    border:0;
    outline:0;
    border-radius:2px;
    background: #e53232;
    color: hsla(0,0%,100%,.8);
    line-height:1.5;
    padding:10px;
    width:calc(100% - 20px);
}

input::placeholder {
    color: #e27a7a;
    font-weight:bold;
}

::-webkit-scrollbar {
    background: none;
    width: 5px;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 100px;
}

body {
    margin: 45px auto;
    padding: 0px 20px;
    max-width:600px;
}

.alt {
    opacity:0.2;
    font-size:12px;
}