main{min-height:80vh}main .left>div{padding:1rem;border-radius:.8rem}main .right>div{padding:1rem;border-radius:.8rem}main .left{display:flex;flex-flow:column nowrap;flex:1;gap:1rem;margin:.5rem}main .left .intro{display:flex;flex-flow:column nowrap;justify-content:space-evenly;gap:1rem;padding:1.5rem}main .left .intro .intro-banner{margin:auto}main .left .intro .intro-banner img{width:180px;height:180px;border-radius:50%;padding:.2rem;border:3px solid #1f1f1f;border-radius:50%}main .left .intro .intro-banner img.dark-theme{border:3px solid #d5d5d5}main .left .intro .intro-text{text-align:justify}main .right{flex:1;display:flex;flex-flow:column nowrap;justify-content:space-between;gap:1rem;margin:.5rem}main .right .recent-blogs{flex:1}main p{text-align:justify}.recent-blogs-list{padding:.5rem;list-style-type:none;text-decoration:underline}.recent-blogs-list li{margin-top:.3rem}.connect ul{padding:1.5rem;list-style-type:none;text-align:center}.connect ul li{margin-top:.5rem}.connect p{text-align:center}.projects{flex:1}@media(min-width:700px){main{display:flex;flex-flow:row nowrap;justify-content:space-between}}h3{text-align:left;color:rgba(33,33,33,.78);border-bottom:1px solid #222;padding-bottom:.5rem}h3.dark-theme{color:#b8ffe4}