.flickity-button:focus {
box-shadow: 0 0 0 5px #333333;
}

.waku {
float: left; width: 40px; height: 40px; border-radius: 10px; line-height: 42px; background-color: #59CE72;
}
.fbku {
float: left; width: 40px; height: 40px; border-radius: 10px; line-height: 45px; background-color: #3b5998;
}
.twku {
float: left; width: 40px; height: 40px; border-radius: 10px; line-height: 45px; background-color: #00acee;
}
.igku {
float: left; width: 40px; height: 40px; border-radius: 10px; line-height: 30px; vertical-align: middle; background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
.linkedku {
float: left; width: 40px; height: 40px; border-radius: 10px; line-height: 45px; background-color: #0e76a8;
}
.youtubeku {
float: left; width: 40px; height: 40px; border-radius: 10px; line-height: 45px; background-color: #FF0000;
}

.login-img {
height: 40px;
}

.slidecontainer {
width: 100%;
}

.slider {
-webkit-appearance: none;
width: 100%;
height: 25px;
background: #B19973;
outline: none;
opacity: 0.7;
-webkit-transition: 0.2s;
transition: opacity 0.2s;
border-radius: 12px;
}

.slider:hover {
opacity: 1;
}

.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
background: #fedf50;
cursor: pointer;
border-radius: 12px;
}

.slider::-moz-range-thumb {
width: 25px;
height: 25px;
background: #000000;
cursor: pointer;
}