@keyframes fadeout{0%{opacity:1;visibility:visible}99%{opacity:0}to{opacity:0;visibility:hidden}}.fadeout{visibility:hidden;-webkit-animation:1s linear fadeout}@keyframes fadein{0%{opacity:0;visibility:visible}to{opacity:1}}.fadein{-webkit-animation:.5s linear fadein}.about-div{min-height:100vh;padding-top:50px;padding-left:275px;padding-right:4%}.mobile-about-div{min-height:100vh;padding-top:150px;padding-left:20px;padding-right:20px}.left-panel{text-align:center;width:100%;height:100%}.avatar3{background-color:#6b7575;border-radius:50%;width:40%}.mobile-avatar{background-color:#6b7575;border-radius:50%;width:350px;height:350px}.right-panel{width:100%;height:100%;margin-top:7%;margin-bottom:4%}.about-intro{text-align:center;margin-bottom:20px;font-size:32px}.about-paragraph{text-align:justify;font-size:18px;font-weight:lighter;line-height:1.6}@media (max-width:1200px){.avatar3{background-color:#6b7575;border-radius:50%;width:50%}.about-intro{font-size:28px}.about-paragraph{font-size:16px}}@media (max-width:1100px){.avatar3{background-color:#6b7575;border-radius:50%;width:60%}}@media (max-width:900px){.avatar3{background-color:#6b7575;border-radius:50%;width:70%}}@media (max-width:800px){.avatar3{background-color:#6b7575;border-radius:50%;width:80%}}@media (max-width:600px){.about-intro{font-size:24px}.about-paragraph{font-size:16px}}