@font-face {
    font-family: 'customFont';
    src: url('../fonts/font.woff');
    font-weight:normal;
}
body {
    padding-left:3%;
    height:auto;
    background:rgb(30, 0, 55);
    color:rgb(255,245,255);
    font-family:'customFont';
    font-kerning: normal;
    font-variant-ligatures: normal;
    display: flex;
    flex-direction: column
}
a {
    color:skyblue;
    text-decoration:none
}
#submit-button {
    color:white;
    background-color:cornflowerblue;
    border-radius:5px;
    border:black solid 1px;
    display:block;
    margin-left:1%;
    font:inherit;
}
#div-color-input {
    padding: 1% 2% 1% 2%;
    color:black;
    background-color:lightgrey;
    border-radius: 5px;
    border:black solid 1px;
    width:35%;
    display: flex;
    flex-direction: column;
}
#color-input {
    background-color:lightgrey;
    border-radius:5px;
    border:black solid 1px;
    font:inherit;
}
#div-input-box {
    display: flex;
    flex-direction:row;
}