body{
    color: grey;
    font-family: Roboto, Arial, Helvetica, sans-serif

}
#loader {
    height: 5vh;
    left: 50%;
    overflow-x: hidden;
    overflow-y: hidden;

    padding-top: 7vh;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60vw;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.90);
    background-clip: padding-box;
    border-left:20vw solid rgba(255, 255, 255, 0.80);
    border-right:20vw solid rgba(255, 255, 255, 0.80);
    border-top:50vw solid rgba(255, 255, 255, 0.50);
    border-bottom:60vw solid rgba(255, 255, 255, 0.80);

}
#loader:before {
    animation: left-to-right 3s alternate infinite linear;
    background-image: linear-gradient(to right, transparent, #fcb900, transparent);
    content: "";
    height: 5vh;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}
#loader:after {
    background-image: repeating-linear-gradient(90deg, white , white 1vw, transparent 1vw, transparent 10vw);
    content: "";
    height: 5vh;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}
@keyframes left-to-right {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

#content{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
input,button,#genbtn,label{
    width: 100%;
    margin:10px;
}
input{
    border:black solid 1px;
    background-color: white;
}

button{
    background-color: rgb(199, 198, 194);
    border:none;
    color:rgb(17, 17, 17);
    font-size:17px;
    cursor:pointer;
    font-weight: 700;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:40px;
    padding-right:40px;
}
button:hover{
    background-color: rgb(245, 137, 51);
    color:white;
}
#privkey{
    font-weight: 700;
}

.hidden{
    display: none;
}