body{background-color:white;color:#222;font-size:120%}body .mid-section-home{text-align:center;display:inline-block;position:fixed;top:0;bottom:0;left:0;right:0;width:400px;height:350px;margin:auto;font-size:1.5rem}@media (max-width: 480px){body .mid-section-home{font-size:1 rem;height:350px;width:100%}body .mid-section-home span{display:none}}body .mid-section-home h1{font-size:3.5rem;font-weight:600}body .mid-section-home .sub-heading{width:80%;margin:0 auto;display:flex}body .mid-section-home .sub-heading .summary-about-me{width:50%;text-align:right;padding-right:20px}body .mid-section-home .sub-heading .nav-link{border-left:2px solid black;width:50%;padding-left:20px}body .mid-section-home .sub-heading .nav-link ul{padding-inline-start:0px}body .mid-section-home .sub-heading .nav-link li{display:block;text-align:left}body .mid-section-home .sub-heading .nav-link li a{text-decoration:none;color:#222}body .mid-section-home .sub-heading .nav-link li a:hover{border-bottom:2px solid black;color:#333}@media (max-width: 480px){body .mid-section-home .sub-heading .nav-link li{display:block;margin-left:10px}}@media (max-width: 480px){body .mid-section-home .sub-heading{width:60%;min-width:270px}}body .mid-section-cover{width:60%;margin:0 auto;margin-top:50px}body .mid-section-cover nav{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;flex-wrap:wrap;border-bottom:2px solid  #222}body .mid-section-cover nav *{margin:10px 10px}body .mid-section-cover nav h1{font-size:40px}body .mid-section-cover nav ul{flex-shrink:1;padding:0px 10px}body .mid-section-cover nav ul li{padding:0px 10px;display:inline-block}body .mid-section-cover nav ul li a{text-decoration:none;color:#222}body .mid-section-cover nav ul li a:hover{border-bottom:2px solid black;color:#333}@media (max-width: 480px){body .mid-section-cover nav ul li{text-align:center;padding:0px 10px}}@media (max-width: 480px){body .mid-section-cover nav{flex-direction:column;justify-content:center;text-align:center}body .mid-section-cover nav *{flex-basis:100%}}body .mid-section-cover .sub-mid-section-cover{width:90%;margin:0 auto}body .mid-section-cover .sub-mid-section-cover *{max-width:100%;overflow-x:scroll}body .mid-section-cover .sub-mid-section-cover a{color:black}body .mid-section-cover .sub-mid-section-cover .blog-section-list a{color:black}@media (max-width: 768px){body .mid-section-cover{width:70%}}@media (max-width: 480px){body .mid-section-cover{width:95%}}body .container-404{text-align:center}body .mid-section-home{width:650px}@media (max-width: 480px){body .mid-section-home{font-size:1 rem;height:350px;width:100%}body .mid-section-home span{display:none}}body .mid-section-cover .sub-mid-section-cover li{overflow-x:unset}