@import url("https://fonts.googleapis.com/css2?family=Arvo:wght@700&display=swap");*{margin:0px;padding:0px;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:cover;background-repeat:no-repeat;z-index:0;font-family:'Arvo', serif}a{text-decoration:none}.main-page{height:100vh;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.main-page .left{padding:50px 50px 50px 70px;height:100%;width:50%}.main-page .left .container{height:100%;width:100%;position:relative}.main-page .left .container .page-no{float:left;font-weight:600;color:rgba(0,0,0,0.308)}.main-page .left .container .hero{position:absolute;top:20%}.main-page .left .container .hero .title{font-size:80px;font-weight:700;line-height:80px;text-transform:uppercase}.main-page .left .container .hero .title span{color:#0f5f0f;font-size:100px}.main-page .left .container .hero .blog-info{font-size:17px;color:rgba(0,0,0,0.308);font-family:sans-serif}.main-page .left .container .hero .preview{margin-top:6%;font-size:15px;width:80%;font-family:sans-serif}.main-page .left .container .read-btn{position:absolute;bottom:0;left:0;height:50px;width:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-page .left .container .read-btn .line{width:200px;border:1px solid black}.main-page .left .container .read-btn .read{margin-left:15px;font-size:17px;font-weight:700;text-transform:uppercase}.main-page .right{position:relative;height:100%;width:50%;overflow:hidden;background-image:url("https://images.pexels.com/photos/1407305/pexels-photo-1407305.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940")}.main-page .right .bck-num{position:absolute;bottom:-70px;left:-30px;color:white;font-size:220px;font-weight:800;font-family:'Arvo', serif}.mobile{display:none}.mobile .mobile-container{width:100%;height:100vh;padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile .mobile-container p{font-family:monospace !important;font-size:2rem;text-align:center}@media screen and (max-width: 940px){main .main-page{height:unset;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}main .main-page .left,main .main-page .right{height:600px;width:100%}main .main-page .left{padding-left:20px}main .main-page .left .container .hero .title{font-size:65px}}