body {
    overflow: hidden;
    background: rgb(231, 231, 231);
    position: fixed;
    height: 100vh;
    width: 100vw;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }

  .post_preview {
    background-size: cover !important;
  }

  .m_search_box{
    display: flex;
    margin-right: 2vw;
    width: 62vw;
    height: 15vw;
    flex-direction: column;
    overflow: hidden;
  }

 .m_search_input{
   position: relative;
   flex-shrink: 0;
   padding: 2.5vw;
   border: 0;
   font-size: 9vw;
   font-weight: 300;
   font-family: Arial, Helvetica, sans-serif;
   background: rgba(15, 15, 15, 0.1);
 }

  .mobile_blog{
    color: #373737;
  }

  .mobile_blog_post_list a{
    color: #373737;
  }

  .mobile_blog_header{
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .mobile_blog_header h3{
    flex-shrink: 0;
    position: relative;
    margin:0;
    line-height: 15vw;
    font-size: 14vw;
    text-align: center;
    width: 66vw;
    font-weight: 400;
    color: #868686;
  }

  .mobile_blog_header img{
    width: 14vw;
    margin-top: 2vw;
    margin-right: 4vw;
  }

  .mobile_blog_content{
    height: 80vh;
    width: 100vw;
    position:relative;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-overflow-scrolling: touch;
  }

  .mobile_blog_post_correct{
    height: 30vh;
  }

  .mobile_blog_circles{
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: -1000;
  }

  .mobile_blog_circles div{
    position: absolute;
    top: 25vh;
    background: #FF5D00;
    height: 90vw;
    width: 90vw;
    border-radius: 50%;
    box-shadow: inset 0vw 4vw 0vw 0vw #BD4100;
  }

  .mobile_blog_left_circle{
    left: -75vw;
  }

  .mobile_blog_right_circle{
    right: -75vw;
  }


  .mobile_blog_post_list>ul{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
  }

  .mobile_blog_post_data{
    display: flex;
    flex-direction: column;
    width: auto;
  }

  .mobile_blog_post{
    flex-shrink: 0;
    height: auto;
    width: 65vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 10;
    padding-top: 2vw;
    padding-bottom: 2vw;
    border-radius: 2vw;
    padding: 1vw;
  }

  .mobile_blog_post_date{
    margin-right: 5%;
    font-weight: 500;
    font-size: 10vw;
  }

  .mobile_blog_post h3, h2{
    margin: 0;
    font-weight: 500;
    z-index: 100;
    white-space: pre-wrap;
  }

  .mobile_blog_post h3{
    font-size: 5vw;
  }

  .mobile_blog_post h2{
    font-size: 5vw;
    line-height: 5vw;
  }