@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%;
}

/* 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: 500px;
    height: 600px;
    left: -60px;
}


/* WHAT IS KENT SECTION */

.what{
    overflow: hidden;
    width: 100%;
    margin-bottom: 10%;
}
/* LEFT SIDE OF THIS ROW */
.what .left{
    margin-left: 30%;
    width: 100%;
}
.what .left img{
    width: 390px;
    height: 348px;
}
/* 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 KIND OF PERSON I AM SECTION */
.attitude{
    width: 100%;
    align-items: center;
    justify-content: center; 
    display: flex;
    flex-direction: column;
}
.attitude h3{
    font-family: "Pirata One", sans-serif;
    font-size: 4rem;
    text-align: center;
    color: #CE2A44;
    letter-spacing: .1em;
    margin-bottom: 5%;
}

.attitude img{
    height: fit-content;
    width: 300px;
    height: 300px;

}

.att-column{
    border-radius: 10px;
    width: 300px;
    height: 300px;
    margin-bottom: 3rem;
    position: relative;
}
.attitude .title h3 {
    letter-spacing: .1em;
    font-family: IBM Plex Mono;
    color: #9C9C9C;
    font-size: 25px;
    text-align: center;
}

.attitude .touch-btn{
    position: relative;
    margin-bottom: 5%;
    text-align: center;
    margin-top: 5%;
}