body {
    margin: 0;
    padding: 0;
}

a:visited{
    color: inherit;
    text-decoration: none;
}

@font-face {
    font-family: 'Super Dream';
    src: url('../fonts/Super Dream.ttf') format('truetype'); 
}

@font-face {
    font-family: 'Dunkin';
    src: url('./fonts/dunkin/Dunkin.otf');
}

.homelogo {
    position: fixed;
    top: 0;
    left: 0;
    padding: 10px;
  }
  
  .homelogo img {
    width: 20px;
    height: 20px;
  }
  
#section {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: auto;
    color: white;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.section1 {
    background: linear-gradient(45deg, #B0E2FF, #A9D9F7, #A2D0EF, #9AC7E7, #93BEE0);
}

.section2 {
    background: linear-gradient(45deg, #FFD1DC, #FDCBCB, #F9C5BB, #F7BFAA, #F5B999);
}

.section3 {
    background: linear-gradient(45deg, #C1FFC1, #B9F7B9, #B2EFB2, #AAE7AA, #A2DFA2);
}

.section4 {
    background: linear-gradient(45deg, #FFE87C, #FCE273, #FADE6A, #F7D661, #F5D058);
}

.section5 {
    background: linear-gradient(45deg, #E6B0FF, #DEA7F7, #D69EEF, #CE95E7, #C68CE0);
}

.section6 {
    background: linear-gradient(45deg, #BCD4E6, #B4CBE0, #ADCAE9, #A5C0D1, #9DB7C0);
}

.sectiontitle {
    font-family: 'Super Dream';
    font-weight: bold;
    font-size: 45px;
    text-align: center;
    color: black;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.section1div{
    position: relative;
}

.sectionss{
    height: 490px;
    width: 276px;
}

.section2ss{
    margin-left: 195px;
}

.section3ss{
    margin-left: 120px;
}

.section4ss{
    margin-left: 90px;
}

.section5ss{
    margin-left: 55px;
}

.section6ss{
    margin-left: 30px;
}
.section1title {
    font-family: 'Super Dream';
    font-weight: bold;
    font-size: 65px;
    text-align: center;
    color: black;    
    margin-top: 50px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.groupssnt {
    padding: 20px;
}

.section2txt,.section3txt,.section4txt,.section5txt,.section6txt{
    height: auto;
    width: 700px;
    font-family: 'Dunkin';
    font-size: 25px;
    text-align: center;
    color: white;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    -webkit-text-stroke: 1px black;
    z-index: 2;
}

.section2txt{
    margin-left: -300px;
}

.section3txt{
    margin-left: 100px;
}

.section4txt{
    margin-left: -100px;
}


.section1txt{
    height: auto;
    width: 700px;
    font-family: 'Dunkin';
    font-size: 17px;
    text-align: center;
    color: white;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    -webkit-text-stroke: 1px black;
}

.sectiontitle, .sectionss {
    align-items: center;
    text-align: center;
}

.clickhere{
    color: black;
    text-align: center;
    margin-top: 30px;
    font-size: 25px;
    font-weight: lighter;
    font-family: 'Courier New', Courier, monospace;
}

.bubble-background {
    position: absolute;
    width: 70.39%;
    height: 690px;
    z-index: 1;
}

.bubble {
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.3) 80%);
    animation: bubbleAnimation 3s ease-in-out infinite;
}

@keyframes bubbleAnimation {
    0% {
        transform: translate(-50%, -50%);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2);
    }
    100% {
        transform: translate(-50%, -50%);
    }
}