.icon-bt{background: url('https://icons.iconarchive.com/icons/dakirby309/windows-8-metro/128/Apps-Bluetooth-Metro-icon.png');}
.icon-cc{background: url('https://icons.iconarchive.com/icons/dakirby309/windows-8-metro/128/Apps-CCleaner-Metro-icon.png');}
.icon-wmp{background: url('https://icons.iconarchive.com/icons/dakirby309/windows-8-metro/256/Apps-Windows-Media-Player-Metro-icon.png');}
.icon-tube{background: url('https://icons.iconarchive.com/icons/dakirby309/windows-8-metro/256/Web-YouTube-alt-1-Metro-icon.png');}
.icon-skype{background: url('https://icons.iconarchive.com/icons/dakirby309/windows-8-metro/128/Apps-Skype-Metro-icon.png');}
::-webkit-scrollbar{
width: 10px;
height: 10px;
cursor: pointer;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px 2px rgba(0,0,0,0.3);
background: #007491;
}
::-webkit-scrollbar-thumb {
background: #002f3b;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
cursor: pointer;
}
::selection{
background: mintcream;
}

@keyframes flip{
0%{
transform: rotateX(0deg);
}
15%{
transform: rotateX(360deg);
}
100%{
transform: rotateX(360deg);
}
}

.photo img{
top: -4px;
left: -4px;
position: absolute;
opacity: 0;
animation: fade 8s ease-in-out infinite 8s;
z-index: 0;
border: solid 2px transparent;
transition: all .3s ease;
}

.photo img:hover{
border: solid 2px mintcream;
}

@keyframes fade{
0%{
opacity: 0;
}
10%{
opacity: 1;
}
50%{
opacity: 1;
}
60%{
opacity: 0;
}
}

@de_coder