@import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Clicker+Script&family=Poppins:wght@200;300;500;600;700&display=swap");

*{
    margin: 0;
    padding: 0;
}

/*----------options-----------*/
.row {
    display: flex;
    justify-content: space-between;
  }

.column{
    flex-basis: 50%;
    max-width: 50%;
    
}
/* HOVER EFFECT IN ALL IMAGES */
.what img:hover, .who img:hover {
    transform: scale(1.1); /* zoom in the image on hover */
    box-shadow: 0px 0px 20px #f44336; /* increase the shadow size on hover */
  }
/* WHO IS KENT SECTION */
.who{
    overflow: hidden;
    width: 100%;
    padding: 125px 0 150px 0;
    
}
/* LEFT SIDE OF THIS ROW */
.who .left{
    width: 100%;
    margin: 10% 0 0 40%;
}
.who .left h3{
    font-family: "Pirata One", sans-serif;
    font-size: 64px;
    color: #CE2A44;
    letter-spacing: .1em;
}
.who .left p{
    letter-spacing: .1em;
    font-family: IBM Plex Mono;
    color: #9C9C9C;
    font-size: 20px;
    margin: 7% 35% 7% 0;   
    text-align: justify;
}
.touch-btn {
    border-radius: 50px;
    text-decoration: none;
    font-family: IBM Plex Mono;
    letter-spacing: .2em;
    color: #D9D9D9;
    border: 1px solid #fff;
    padding: 12px 24px;
    position: relative;
    background: transparent;
    cursor: pointer;
}
.touch-btn:hover {
    border: 1px solid #876563;
    background: #CE2A44;
    transition: 1s;
}
/* RIGHT SIDE OF THIS ROW */
.who .right{
    margin-left: 12%;
    flex-basis: 100%;
    position: relative;
}
.who .right img{
    width: 400px;
    height: 250px;
    left: -60px;
    border-radius: 5%;
    margin-top: 20%;
    transition:  .5s ease-in-out;
}


/* WHAT IS KENT SECTION */

.what{
    overflow: hidden;
    width: 100%;
}

/* LEFT SIDE OF THIS ROW */
.what .left{
    margin-left: 30%;
    width: 100%;
}
img{
    width: 400px;
    height: 250px;
    margin: 13% 0 0 10%;
    border-radius: 10%;
    box-shadow: 0px 0px 10px #f44336;
    transition:  .5s ease-in-out;
}

/* RIGHT SIDE OF THIS ROW */
.what .right{
    width: 100%;
    margin: 5%;
}
.what .right h3{
    font-family: "Pirata One", sans-serif;
    font-size: 64px;
    color: #CE2A44;
    letter-spacing: .1em;
}
.what .right p{
    letter-spacing: .1em;
    font-family: IBM Plex Mono;
    color: #9C9C9C;
    font-size: 20px;
    letter-spacing: .1em;
    margin: 6% 34% 0 0;
    text-align: justify;
}
.what .btn-container{
    position: relative;
    margin-bottom: 5%;
    text-align: center;
    margin-top: 5%;
}