*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'k2d', sans-serif;
    cursor: crosshair;
}
html{
    scroll-behavior: smooth;
}

/* Smartphones (portrait and landscape) ----------- */
@media (min-device-width : 992px) {
    /* Styles */
}

 .header{
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.315);
     background-size: 100%;
     background-position: top, center;
     background-repeat: no-repeat;
     justify-content: center;
     margin-top: 20px;
     border-bottom: 2px solid black;
     padding-bottom: 20px;
     text-align: center;
     color: white;
     font-size: 12.5px;
     letter-spacing: 3.5px;
 }
 .playlyss2024{
     display: block;
     width: 80px;
     cursor: crosshair;
     margin-left: auto;
     margin-right: auto;
     padding-top: 10px;
     pointer-events: none;
 }
 h5{
     color: #1462bb;
     font-size: 14px;
     font-weight: 800;
     transform: scaleY(1.2);
     letter-spacing: 3px;
     text-align: center;
     padding-top: 3%;
     line-height: px;
}
 .navbar ul{
     width: 50%;
     margin-left: auto;
     margin-right: auto;
     padding: 0px;
     display: flex;
     justify-content: center;
     cursor: crosshair;
}
 .navbar li{
     list-style: none;
     display: inline-block;
     justify-content: space-between;
     align-items: center;
     margin-left: auto;
     margin-right: auto;
     padding-top: 60px;
     cursor: crosshair; 

}
 .navbar li a{
     text-decoration: none;
     display: flex;
     justify-content: space-evenly;
     cursor: pointer;
     color: rgb(255, 255, 255);
     font-size: 14px;
     font-weight: 800;
     transform: scaleY(1.1);
     letter-spacing: 4px;
     cursor: crosshair;
     }
     .navbar li a:hover{
        color: rgb(211, 181, 84);
        cursor: crosshair;
} 

.social-icons{
     width: 40%;
     margin: auto;
     margin-left: auto;
     margin-right: auto;
     display: flex;
     justify-content: space-evenly;
     letter-spacing: 20px;
     padding-top: 40px;
 }
 .fa-instagram{
     font-size: 30px;
     color: rgba(255, 255, 255, 0.3);
     }
     .fa-instagram:hover{
        font-size: 30px;
        color: rgb(197, 63, 214);
 }
 .fa-youtube{
     font-size: 30px;
     color: rgba(255, 255, 255, 0.3);
     }
     .fa-youtube:hover{
        font-size: 30px;
        color: rgb(255, 0, 0);
 }
 .fa-twitter{
     font-size: 30px;
     color: rgba(255, 255, 255, 0.3);
     }
     .fa-twitter:hover{
        font-size: 30px;
        color: rgb(86, 165, 255);
 }
 .fa-amazon{
     font-size: 30px;
     color: rgba(255, 255, 255, 0.3);
     }
     .fa-amazon:hover{
        font-size: 30px;
        color: rgb(255, 210, 61);
 }
 .fa-spotify{
     font-size: 30px;
     color: rgba(255, 255, 255, 0.3);
     }
     .fa-spotify:hover{
        font-size: 30px;
        color: rgb(69, 201, 57);
 }
 .fa-apple{
     font-size: 30px;
     color: rgba(255, 255, 255, 0.3);
     }
     .fa-apple:hover{
        font-size: 30px;
        color: rgb(255, 255, 255);
 }
 .fa-soundcloud{
     font-size: 30px;
     color: rgba(255, 255, 255, 0.3);
     }
     .fa-soundcloud:hover{
        font-size: 30px;
        color: rgb(255, 123, 0);
 }
 .fa-bandcamp{
     font-size: 30px;
     color: rgba(255, 255, 255, 0.3);
     }
     .fa-bandcamp:hover{
        font-size: 30px;
        color: rgb(38, 182, 201);
 }
 .fa-deezer{
     font-size: 30px;
     color: rgba(255, 255, 255, 0.3);
     }
     .fa-deezer:hover{
        font-size: 30px;
        color: rgb(255, 255, 255);
}

.body1{
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background-image: url("images/body1background.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top, center;
    background-color: #00000000;
    background-position: top, center;
    border-top: 2px solid rgb(0, 0, 0);
    border-bottom: 2px solid black;
    margin-left: auto;
    margin-right: auto;
    padding-top: 200px;
    padding-bottom: 80px;
    }

    h6{
        font-size: 12px;
        background-color: rgba(0, 0, 0, 0);
        color: #ffffff;
        text-align: left;
        justify-content: center;
        align-items: left;
        width: 200px;
        margin-top: 20px;
        margin-left: 40px;
        letter-spacing: 1px;
    }
    .div7{
        display: flex;
        width: 100%;
        margin-bottom: 40px;
        cursor: crosshair;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        padding-bottom: 20px;
        }
        .stillthis{
            width: 250px;
            position: relative;
            font-size: 12px;
            color: #ffffff;
            width: 250px;
            text-align: center;
            }
            .stillthis p{
            margin-bottom: 10px;    
            }
            .stillthis a{
            color: #84ff5f;
            }
            .stillthisp{
            width: 250px;
            height: 250px;
            display: block;
    }
    .div6{
        display: flex;
        width: 100%;
        margin-bottom: 40px;
        cursor: crosshair;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        padding-bottom: 20px;
        }
        .countdown{
            width: 250px;
            position: relative;
            font-size: 12px;
            color: #ffffff;
            width: 250px;
            text-align: center;
            }
            .countdown p{
            margin-bottom: 10px;    
            }
            .countdown a{
            color: #84ff5f;
            }
            .countdownp{
            width: 250px;
            height: 250px;
            display: block;
    }
    .div5{
        display: flex;
        width: 100%;
        margin-bottom: 40px;
        cursor: crosshair;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        padding-bottom: 20px;
        }
        .lovedones{
            width: 250px;
            position: relative;
            font-size: 12px;
            color: #ffffff;
            width: 250px;
            text-align: center;
            }
            .lovedones p{
            margin-bottom: 10px;    
            }
            .lovedones a{
            color: #84ff5f;
            }
            .lovedonesp{
            width: 250px;
            height: 250px;
            display: block;
    }
    .div4{
        display: flex;
        width: 100%;
        margin-bottom: 40px;
        cursor: crosshair;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        padding-bottom: 20px;
        }
        .dreams{
            width: 250px;
            position: relative;
            font-size: 12px;
            color: #ffffff;
            width: 250px;
            text-align: center;
            }
            .dreams p{
            margin-bottom: 10px;    
            }
            .dreams a{
            color: #84ff5f;
            }
            .dreamsp{
            width: 250px;
            height: 250px;
            display: block;
    }

    .div3{
        display: flex;
        width: 100%;
        margin-bottom: 40px;
        cursor: crosshair;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        padding-bottom: 20px;
        }
        .hardlyeversatisfied{
            width: 250px;
            position: relative;
            font-size: 12px;
            color: #ffffff;
            width: 250px;
            text-align: center;
            }
            .hardlyeversatisfied p{
            margin-bottom: 10px;    
            }
            .hardlyeversatisfied a{
            color: #84ff5f;
            }
            .hardlyeversatisfiedp{
            width: 250px;
            height: 250px;
            display: block;
    }

    .div2{
        display: flex;
        width: 100%;
        margin-bottom: 40px;
        cursor: crosshair;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        padding-bottom: 20px;
        }
        .yearlater{
            width: 250px;
            position: relative;
            font-size: 12px;
            color: #ffffff;
            width: 250px;
            text-align: center;
            }
            .yearlater p{
            margin-bottom: 10px;    
            }
            .yearlater a{
            color: #84ff5f;
            }
            .yearlaterp{
            width: 250px;
            height: 250px;
            display: block;
    }

    .div1{
        display: flex;
        width: 100%;
        margin-bottom: 40px;
        cursor: crosshair;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        padding-bottom: 20px;
        }
        .tablefor4{
            width: 250px;
            position: relative;
            font-size: 12px;
            color: #ffffff;
            width: 250px;
            text-align: center;
            }
            .tablefor4 p{
            margin-bottom: 10px;    
            }
            .tablefor4 a{
            color: #84ff5f;
            }
            .tablefor4p{
            width: 250px;
            height: 250px;
            display: block;
    }

footer{
    width: 100%;
    background-color: rgb(0, 0, 0);
    background-size: 100%;
    background-position: top, center;
    background-repeat: no-repeat;
    justify-content: center;
    margin-top: 0px;
    padding-bottom: 150px;
    border-bottom: 2px solid black;
    padding-top: 190px;
    border-top: 0px solid white;
    border-bottom: 0px solid rgb(0, 0, 0);
    }
    .p2024{
        display: block;
        width: 100px;
        margin-left: auto;
        margin-right: auto;
        
    }
    h1{
        color: #ffffff;
        font-size: 12px;
        font-weight: 500;
        transform: scaleY(1.2);
        letter-spacing: 3px;
        text-align: center;
        padding-top: 20px;
    }
    h2{
        color: #ffffff;
        font-size: 12px;
        font-weight: 500;
        transform: scaleY(1.2);
        letter-spacing: 3px;
        text-align: center;
        padding-top: 90px;
    }
    h3{
        color: #3bff14;
        font-size: 12px;
        font-weight: 500;
        transform: scaleY(1.2);
        letter-spacing: 3px;
        text-align: center;
        padding-top: 20px;
    }
    h4{
        width: 50%;
        color: #ffffff;
        font-size: 12px;
        font-weight: 500;
        transform: scaleY(1.2);
        letter-spacing: 3px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding-top: 30px;
    }

    .emailqr{
        display: block;
        width: 150px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }
    .social-iconsf{
        width: 40%;
        margin: auto;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: space-evenly;
        letter-spacing: 20px;
        padding-top: 90px;
}

/* lightbox */