<!– –>
body, html {
height: 100%;
margin: 0;
font-family: lato;
}
.container{
width: 100%;
margin-top: 25px;
margin-bottom: 25px;
}
.btn{
color: white !important;
font-family: lato;
}
#linkButton1{
width: 77%;
height: 80%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#linkButton2{
width: 77%;
height: 80%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#linkButton3{
width: 77%;
height: 80%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#linkButton4{
width: 77%;
height: 80%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#linkButton5{
width: 77%;
height: 80%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#linkButton5:hover {
background: linear-gradient(#eb070763, #fce3006e) !important;
}
#linkButton4:hover {
background: linear-gradient(#ffffff63, #0000006e) !important;
}
#linkButton3:hover {
background: linear-gradient(#3107eb63, #a000fc6e) !important;
}
#linkButton2:hover {
background: linear-gradient(#e92fe963, #ffffff6e) !important;
}
#linkButton1:hover {
background: linear-gradient(#06f0f863, #35f5ab6e) !important;
}
.fullContainer {
/* The image used */
background-image: url(“https://ravefeed.com/wp-content/uploads/2020/03/9.jpg”);
/* Add the blur effect */
filter: blur(8px);
-webkit-filter: blur(8px);
/* Full height */
height: 100%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* Position text in the middle of the page/image */
.PlaylistContainer {
background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
color: white;
font-weight: bold;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
width: 80%;
text-align: center;
padding: 20px;
border: 3px solid #f1f1f1;
}
Lockdown Playlist
by Rave Feed