body{
    font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

/* background */
body{
    background-color: rgba(0, 0, 0);
    background-size: cover;
    background-position-x: center;
}

.backgroundvideo{
    filter: blur(115px) brightness(0.25);
    z-index: 0;
    
    position: absolute;
    left: 50%;
    top: -50%;
    transform: translate(-50%, 0);

    pointer-events: none;
}

/* scrolling */
body{
    overflow-y: hidden;
    overflow-x: hidden;
}

/* header */
header{
    color: white;

    font-size: 50px;
    text-decoration-style: dashed;
}

/* others */
.Title{
    z-index: 1;
    font-family:__Alfa_Slab_One, __Alfa_Slab_One_Fallback;
    font-weight: 800;
    font-style:normal;
    color: white;

    position: absolute;
    left: 50%;
    top: 8%;
    transform: translate(-50%, 0);
    transition: transform,2s;

    cursor: pointer;
}

.About{
    z-index: 1;
    font-family:__Alfa_Slab_One, __Alfa_Slab_One_Fallback;
    font-weight: 400;
    font-style:normal;
    color: white;

    position: absolute;
    left: 50%;
    top: 18%;
    transform: translate(-50%, 0);
    transition: transform,2s;
}

.BottomText{
    z-index: 1;
    font-family:__Alfa_Slab_One, __Alfa_Slab_One_Fallback;
    font-weight: 400;
    font-style:normal;
    color: grey;

    position: absolute;
    left: 50%;
    top: 90%;
    transform: translate(-50%, 0);
    transition: transform,0.5s;
}

.Pointer-None{
    pointer-events: none;
}

/* first link */
.OrgLink{
    z-index: 3;
    color: grey;
    size: 3em;

    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, 0);

    cursor: none;
}

.OrgLink2{
    z-index: 3;
    color: grey;
    size: 3em;

    position: absolute;
    left: 50%;
    top: 5%;
    transform: translate(-50%, 0);

    cursor: none;
}

.clickmefororg{
    cursor: pointer;
    text-decoration: none;

    transform: translate(0,5);
    transition: transform,0.5s;
}

.clickmefororg:hover{
    color: white;
    text-decoration: underline;
    
    transform: translate(0,6);
    transition: transform,0.5s;
}

.OrgLink a{
    color: grey;
    position: absolute;
    left: 50%;
    top: 87%;
    transform: translate(-50%, 0);
}

.OrgLink2 a{
    color: grey;
    position: absolute;
    left: 50%;
    top: 87%;
    transform: translate(-50%, 0);
}

/* second link*/
.DownLink{
    z-index: 3;
    color: grey;
    size: 3em;

    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, 0);

    cursor: none;
}

.clickmefordown{
    cursor: pointer;
    text-decoration: none;

    transform: translate(0,5);
    transition: transform,0.5s;
}

.clickmefordown:hover{
    color: white;
    text-decoration: underline;
    
    transform: translate(0,6);
    transition: transform,0.5s;
}

.downLink a{
    color: grey;
    position: absolute;
    left: 50%;
    top: 87%;
    transform: translate(-50%, 0);
}

/* Download Link 1 */
.download1 {
    z-index: 3;
    color: grey;
    size: 3em;

    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, 0);

    cursor: none;
}

.download1 a {
    color: grey;
    position: absolute;
    left: 50%;
    top: 87%;
    transform: translate(-50%, 0);
    text-decoration: none;
}

.download1 {
    cursor: pointer;
    text-decoration: none;

    transform: translate(0,5);
    transition: transform,0.5s;

    width: 800%;
}

.download1 ion-icon {
    cursor: pointer;
    text-decoration: none;

    position: absolute;
    left: 50%;
    top: -40;

    transform: translate(-50%, 0);
    transition: transform, 0.5s;
}

.download1:hover {
    color: white;
    text-decoration: underline;
    
    transform: translate(0,6);
    transition: transform,0.5s;
}

/* Download Link 2 */
.download2 {
    z-index: 3;
    color: grey;
    size: 3em;

    position: absolute;
    left: 50%;
    top: 40%; /* Adjusted position */
    transform: translate(-50%, 0);

    cursor: none;
}

.download2 a {
    color: grey;
    position: absolute;
    left: 50%;
    top: 87%;
    transform: translate(-50%, 0);
    text-decoration: none;
}

.download2 {
    cursor: pointer;
    text-decoration: none;

    transform: translate(0,5);
    transition: transform,0.5s;

    width: 800%;
}

.download2 ion-icon {
    cursor: pointer;
    text-decoration: none;

    position: absolute;
    left: 50%;
    top: -40;

    transform: translate(-50%, 0);
    transition: transform,0.5s;
}

.download2:hover {
    color: white;
    text-decoration: underline;
    
    transform: translate(0,6);
    transition: transform,0.5s;
}


/* my notepad

position: absolute;
left: 50%;
transform: translate(-50%, 0);

font-family:__Alfa_Slab_One, __Alfa_Slab_One_Fallback;
font-weight:400;
font-style:normal;
color: white;