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);
    z-index: 0;
}

/* 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;
}

.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,2s;
}

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

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

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

    cursor: none;
}

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

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

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

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

.socials{
    cursor: pointer;
    text-decoration: none;
    color: white;

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

    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;