body {
    background-color: #F3F3F3;
    font-size: 18px;
}

.header {
    background-color: rgba(63, 81, 81, 0.35);
    border-radius: 20px;
    height: 65px;
}

.bar-icons,
.slider-icons {
    list-style: none;
}

.slider-bar {
    background-color: rgba(63, 81, 81, 0.2);
    border-radius: 40px;
    height: 40px;
    margin: 0 60px;
}

.slider-icons {
    text-align: center;
}

.icon {
    height: 35px;
    min-width: 50px;
}

.about {
    text-decoration: none;
}

.embeds,
.logo-img {
    position: relative;
    top: -5px;
    height: 55px;
}

.icon:hover,
.embeds:hover {
    filter: drop-shadow(5px 5px 5px #181818);
    cursor: pointer;
}

.bar-icons li {
    display: inline-block;
    padding: 10px;
}

.slider-icons li {
    display: inline-block;
}

.left {
    float: left;
}

.right {
    float: right;
}

.sy-slides-wrap {
    max-height: 500px;
    border: 10px solid rgba(63, 81, 81, 0.2);
    border-radius: 5px;
    margin-top: 20px;
    margin-left: -10px;
}

.kirby {
    text-align: center;
    font-size: 1.5em;
    color: #F69D99;
}

.social {
    text-align: center;
}

@media screen and (min-width: 1024px) {
    .icon {
        height: 80px;
    }
    
    .slider-bar {
        margin: 0 150px;
    }
    
    .slider-icons li {
    display: inline-block;
    position: relative;
    top: -22px;
    padding: 0 30px;
}
}