body {
    background-color: #333;
}

#main {
    display:flex;
    flex-direction:column; 
    min-height: 100vh; 
    min-width: 100vw;
    align-items: center;
    justify-content: center;
}
#main > #logo {
    width:500px;max-height:13vh;
}
#main > #list {
    display:flex;
    flex-direction: row;

}
#list > .list-item {
    margin-left:30px;
    margin-right:30px;
    height:40px;
    cursor:pointer;
    
}
#list > .list-item * {
    transition: all;
    transition-duration: 400ms;
}
#list > .list-item > svg {
    height:40px;
}
#main > #list > #devdoctors:hover .colored-fill {
    fill:#FF366C;


}
#main > #list > #redea:hover .colored-fill {
    fill:#1F6B9A;
}
#main > #list > #s2cad .colored-fill {
    opacity:0;
}
#main > #list > #s2cad:hover .colored-fill {
    opacity:1;
}