body {
    background: #f5f5f5;
    font-family: Verdana;
    font-size: 13px;
}
a {color: #fff;text-decoration: none;}
a:hover {color: #F7CA18;}
.appbox {
    background: #22313F;
    max-width: 550px;
    margin: 20px auto;
    display: block;
    overflow: auto;
}
header {
    font-family: Verdana;
    background: #2ECC71;
    display: block;
    z-index: 1;
    color: #fff;
    padding: 10px;
    position: relative;
    text-transform: uppercase;
    overflow: hidden;
    font-size: 24px;
    text-shadow: #26a059 1px 1px,
    #26a059 2px 2px,
    #26a059 3px 3px,
    #26a059 4px 4px,
    #26a059 5px 5px,
    #26a059 6px 6px,
    #26a059 7px 7px,
    #26a059 8px 8px,
    #26a059 9px 9px,
    #26a059 10px 10px,
    #26a059 11px 11px,
    #26a059 12px 12px,
    #26a059 13px 13px,
    #26a059 14px 14px,
    #26a059 15px 15px,
    #26a059 16px 16px,
    #26a059 17px 17px,
    #26a059 18px 18px,
    #26a059 19px 19px,
    #26a059 20px 20px,
    #26a059 21px 21px,
    #26a059 22px 22px,
    #26a059 23px 23px,
    #26a059 24px 24px,
    #26a059 25px 25px,
    #26a059 26px 26px,
    #26a059 27px 27px,
    #26a059 28px 28px,
    #26a059 29px 29px,
    #26a059 30px 30px,
    #26a059 31px 31px,
    #26a059 32px 32px
}
sidebar {
    background: #1b1b1b;
    width: 120px;
    padding: 10px;
    color: #fff;
    float: right;
    border-left: 2px solid #1b2630;
}
section {
    width: 360px;
    padding: 10px;
    color: #fff;
    position: relative;
    overflow: auto;
}
#encodebox {
    padding-left: 10px;
    margin-bottom: 5px;
}
#decodebox {
    padding-left: 10px;
}
input {
    width: 220px;
    border: 0;
    padding: 5px;
    border-bottom: 2px solid #F7CA18;
}
#outputData {
    margin-top: 5px;
    display: inline-block;
    width: 314px;
    word-break:break-all;
    background: #fff;
    padding: 5px;
    color: #444;
    min-height: 65px;
}

button {
    width: 90px;
    background: #fff;
    color: #444;
    padding: 5px;
    border: 1px solid #444;
    font-weight: 600;
    overflow: hidden;

}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
li:before {
    font-family: "FontAwesome";
    content:"\f120\ ";
}
li:hover {color: #4ECDC4;}
p {font-family: Verdana;font-size: 10px;word-break: keep-all;}