@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
* {
    background-color: #232323;
}

.hero {
    font-size: 90px;
    font-family: Playfair Display SC;
    margin-top: 70px;
    margin-left: 100px;
    color: #ffff;
}

.head {
    display: flex;
    flex-direction: row;
}

.text {
    width: 800px;
}

.h1 {
    margin-left: 400px;
   margin-top: 10px;
    margin-right: 70px;
}

.img {
    font-size: 40px;
    font-family: Playfair Display SC;
    margin-top: 70px;
    margin-right: 200px;
    color: #ffff;
    margin-left: 100px;
    margin-top: -40px;
}

.cont {
    display: flex;
    flex-direction: row;
    margin-top: 80px;
}

.skill {
    width: 500px;
    margin-top: -40;
    margin-right: 20px;
}