body{
    margin:0;
    padding:0;
    font-family:Arial, sans-serif;
    background:#fffaf4;
    overflow-x:hidden;
}

/* MAIN SECTION */

.hero{
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:100vh;
    padding:80px;
    gap:50px;
}

/* TEXT SIDE */

.text-section{
    max-width:500px;
}

.text-section h1{
    font-size:60px;
    margin-bottom:10px;
    background:linear-gradient(to right,#ff914d,#ffd93d,#5cb85c,#ff8fab);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.text-section h2{
    font-size:28px;
    color:#444;
}

.text-section p{
    font-size:18px;
    line-height:1.6;
    color:#555;
}

/* SOCIALS */

.socials{
    margin-top:30px;
}

.socials a{
    text-decoration:none;
    margin-right:15px;
    padding:12px 20px;
    border-radius:30px;
    background:white;
    color:#333;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    transition:0.3s;
}

.socials a:hover{
    transform:translateY(-5px);
}

/* IMAGE SIDE */

.image-section{
    position:relative;
}

.image-section img{
    width:380px;
    height:380px;
    object-fit:cover;
    border-radius:50%;
    position:relative;
    z-index:2;
}

/* GLOW */

.glow{
    position:absolute;
    width:430px;
    height:430px;
    background:linear-gradient(
        45deg,
        #ff914d,
        #ffd93d,
        #5cb85c,
        #ff8fab
    );
    border-radius:50%;
    filter:blur(60px);
    z-index:1;
    top:-20px;
    left:-20px;
    opacity:0.8;
}