@import url('https://fonts.googleapis.com/css2?family=Bitcount+Grid+Double:wght@100..900&family=Dancing+Script:wght@400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Shadows+Into+Light&family=Urbanist:ital,wght@0,100..900;1,100..900&family=Zalando+Sans:ital,wght@0,200..900;1,200..900&display=swap');



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Inter;
    color: whitesmoke;
}
html, body {
    height: 100%;
    width: 100%;
}
#main{
    height: 100%;
    width: 100%;
    background-color: #262626;   
}
#blank-div{
    height: 100vh;
    width: 100%;
    background-color: #262626;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}
#blank-div h3{
    font-size: 3.2vw;
    letter-spacing: -2px;
    font-weight: 600;
    line-height: 3vw;
}

#blank-div #khalcha span{
    font-family: shadows into light;
    letter-spacing: 1px;
    color: burlywood;
}
#blank-div p{
    position: absolute;
    width: 15%;
    font-size: 0.8vw;
    top: 65%;
    right: 31%;
    padding-right: 2vw;
    line-height: 0.8vw;
}

#actual-main{
    height: 100vh;
    width: 100%;
    background-color: #262626;
    display: flex;
    align-items: center;
    justify-content: center;
}
#skills{
    /* background-color: darkblue; */
    width: 85%;
    height: 55%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5vw;
}
#skills h2{
    font-weight: 200;
    border: 1px solid whitesmoke;
    border-radius: 50px;
    padding: 0.2vw 1vw;
    font-size: 3.5vw;
    filter: blur(15px);
    opacity: 0;
    letter-spacing: -2px;
}