.root{
    background-image: url('../../images/Background.png');

    background-size: cover;

    background-repeat: no-repeat;
}

*{
    font-family: 'Roboto Condensed', sans-serif;
}

.main > .title{
    margin-top: 200px;

    width: 490px;
}

.main > .title > .header{
    font-size: 48.83px;
    font-weight: 700;
}


.main > .title > .about{
    color: #A3A3A3;
    margin-top: 20px;
    font-size: 31.25px;
    font-weight: 500;
}


.main > .title > .buttons{
    margin-top: 60px;

    display: flex;
    align-items: center;

    font-size: 20px;
}

.main > .title > .buttons > .button.documentation{
    width: 260px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;

    background-color: #7C3AED;
    border-radius: 5px;

    transition: .1s ease-out;
}

.main > .title > .buttons > .button.documentation:hover{
    background-color: #8343f0;
}

.main > .title > .buttons > .button.github{
    color: #7C3AED;
    transition: .1s ease-out;
    margin-left: 35px;
}

.main > .title > .buttons > .button.github:hover{
    color: #8343f0;
}





span.PHP{
    color: blueviolet;
}