@import url('https://fonts.googleapis.com/css2?family=Clicker+Script&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import '../css/skins/color-1.css';


.container {
    max-width: 1400px; width: 100%; margin: auto;
}

.padding-15 {
    padding-left: 15px; padding-right: 15px;
}

.row {
    display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; position: relative;
}

.home {
    min-height: 100vh; display: flex; color: var(--text-black-900); align-content: center;
}
.home .home-info {
    flex: 0 0 60%; max-width: 60%;
}
h3.hello {
    font-size: 28px;
    margin: 15px 0;
}
h3.hello span {
    font-family: 'Clicker Script'; font-size: 50px; font-weight: 700; color: var(--skin-color);
}

h3.my-profession {
    font-size: 28px; margin: 15px 0;
}

.typing {
    color: var(--skin-color);
}

.home .home-img {
    flex: 0 0 40%; max-width: 60%; position: relative; text-align: center;
}
.home .home-img img {
    height: 400px; border-radius: 5px; margin: auto; height: 400px;
}
.home-info p {
    margin-bottom: 70px; font-size: 20px; color: var(--text-black-700);
}
.home-img::after {
    content: ''; position: absolute; width: 80px; height: 80px;
    border-bottom: 10px solid var(--skin-color); border-right: 10px solid var(--skin-color);right: 20px; bottom: -40px;
}
.home-img::before {
    content: ''; position: absolute; width: 80px; height: 80px;
    border-top: 10px solid var(--skin-color); border-left: 10px solid var(--skin-color); left: -20px; top: -40px;
}

.btn {
    font-size: 16px; font-weight: 600; color: white;
    border: none; border-radius: 40px; display: inline-block;
    white-space: nowrap; background: var(--skin-color);
    padding: 12px 35px; transition: all 0.3s ease; margin-bottom: 6px;
}
.btn:hover {
    transform: scale(1.10);
}

.rdv {
    margin-left: 7px;
}