.colors {
    font-size: medium;
}

.color-inputs input {
    border: none;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: transparent;
}
.color-inputs-parent{
    display: flex;
}
.color-inputs{
    display: flex;
    margin-left:20px;
    flex-direction: column-reverse;
    align-items: center;
}
label{
    display: block;
}
select {
    background-color: #ffffff;
    color:rgb(0, 0, 0);
    font-size:large;
    width:90%;
    border: 1px solid #aaaaaa;
    border-radius: 0.3em;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
    padding: 10px;
}
select:hover {
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 10px 20px rgba(0, 0, 0, 0.4), 0 0 4px #66ccff;
}
option:checked{
    background-color: #66ccff;
}
option:checked::after{
    content:"<-- last checked";
}
.underlined{
    color:#d2b48c;
}
.more-art{
    padding: 5px;
}
.image-2-footer{
    background-image: url("../pictures/art-footer1.jpg");
  }
  
/*RESPONSIVE*/
@media screen and (max-width:650px) {
    .color-inputs-parent{
        flex-direction: column;
    }
}