.flex_col{flex-direction:column;display:flex}.flex_row{flex-direction:row;display:flex}main{justify-content:center;align-items:center;width:100%;height:100%;display:flex}main #mage_info{width:60%;margin-top:50px}main #about{flex-direction:row;width:74%;display:flex}main #about img{object-fit:cover;object-position:top;border:3px solid var(--accent-color);width:175px;height:175px;box-shadow:0 0 10px var(--accent-color);cursor:pointer;border-radius:50%;margin-bottom:50px;margin-right:50px;transition:all .3s}main #about img:hover{box-shadow:0 0 30px var(--accent-color);transform:scale(1.05)}main #about .name{color:var(--accent-color);margin-top:-10px;font-size:2.5rem;font-weight:700}main #about .handle{color:var(--text-color);font-size:1.5rem;font-weight:700}main #about .title{color:var(--accent-color);padding-top:1rem;font-size:1.5rem}main #about .common{color:var(--text-color);font-size:1.5rem}main #connect h3{color:var(--accent-color)}main #biography{margin-bottom:50px}main #biography h3{color:var(--accent-color);margin-bottom:15px}main #portfolio h3{color:var(--accent-color);margin-bottom:25px}main #portfolio #project_list{flex-flow:wrap;gap:10px;display:flex}main #portfolio .project_card{border:3px solid var(--accent-color);cursor:pointer;border-radius:10px;width:24%;height:300px;padding:10px;text-decoration:none;transition:all .3s}main #portfolio .project_card:hover{box-shadow:0 0 30px var(--accent-color);transform:scale(1.05)}main #portfolio .project_card img{width:100%;height:150px;margin-bottom:10px}main #portfolio .project_card p{color:var(--text-color)}main #portfolio .project_card .name{color:var(--accent-color)}