/* © 2024 Sanchita Chaurasia. All Rights Reserved. */
:root {
    --text-color: #c4bbb8;

    --title-color1: #5e4ae3;
    --title-color2: #f26ca7;
    --title-color3: #947bd3;
    --title-color4: #f0a7a0;

    --icon-size: 26px;
}

#main-box {
    position: absolute;
    width: var(--box-width);
    height: var(--box-height);

    display: flex;
    align-items: center;
    justify-content: space-evenly;

    padding: 5%;
}

#main-box .profile-pic {
    border-radius: 50%;

    filter: contrast(70%);
}

#main-box .content-block {
    margin-left: 24px;

    display: flex;
    flex-direction: column;
}

#main-box .content-block h1 {
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    font-weight: bold;

    background: -webkit-linear-gradient(
        45deg,
        var(--title-color1),
        var(--title-color2),
        var(--title-color3),
        var(--title-color4)
    );
    background-clip: content-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    margin-top: 15px;
    text-align: center;
}

#main-box .content-block p {
    margin-top: 24px;

    font-family: "Exo", sans-serif;
    font-weight: normal;
    font-size: 20px;
    color: var(--text-color);

    margin-top: 15px;
    text-align: center;
}

#main-box .content-block .links {
    display: flex;
    justify-content: space-evenly;
    align-items: center;

    margin-top: 24px;
}

#main-box .content-block .links #mail {
    width: var(--icon-size);
    height: var(--icon-size);

    background-color: var(--text-color);
    -webkit-mask: url("../assets/envelope.svg") no-repeat center;
    mask: url("../assets/envelope.svg") no-repeat center;
}

#main-box .content-block .links #github {
    width: var(--icon-size);
    height: var(--icon-size);

    background-color: var(--text-color);
    -webkit-mask: url("../assets/github.svg") no-repeat center;
    mask: url("../assets/github.svg") no-repeat center;
}

#main-box .content-block .links #linkedin {
    width: var(--icon-size);
    height: var(--icon-size);

    background-color: var(--text-color);
    -webkit-mask: url("../assets/linkedin-in.svg") no-repeat center;
    mask: url("../assets/linkedin-in.svg") no-repeat center;
}
/* © 2024 Sanchita Chaurasia. All Rights Reserved. */