body {
    background: url('assets/wb bg gif.gif') no-repeat , #7202c6 no-repeat ;
    background-size:cover;
    background-attachment: fixed;
    display: block;
    max-width:3840px;
    max-height:2000px;
    width: auto;
    height: auto;
    background-size: cover;
}
body {
    background-size: 100%;
    color:rgb(4, 226, 255);
    font-size: x-large;
    font-family:Helvetica;
    font-weight:bold;
    text-align: center;
}
.headline {
    color: #00ffea;
    font-weight: bolder;
}

[data-tab-content] {
    display: none;
}

.active[data-tab-content] {
    display: block;
}
.tab {
    cursor: pointer;
}
.tab:hover {
    img {
       border: 5px solid #fe14aa
    }
}
.tab-content {
    position:absolute;
    display: grid;
    border: 20px solid #e301c4;
    background-color:#7202c6;
    width: 910px;
    height: 3000px;
    right: 944px;
    left: 0px;
    top: 124px;
    
}
.paragraph {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: flex-start; /* Align to the top */
}
.warning {
    color:rgb(255, 8, 0);
    font-weight: bolder;

}
.tabs {
    position:absolute;
    border: 0px solid #112342;
    top: -10px;
    left: -15px;
    width: 860px;
    height:115px;
}
.welcome2-2:hover {
    img {
       border: 5px solid #2321c4;
    }
}
.welcome2-2 {
    cursor:pointer;
}