*{margin:0px;padding:0px;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:cover;background-repeat:no-repeat;font-family:sans-serif}a{text-decoration:none}.main-page{height:100vh;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.main-page *{height:100%}.main-page .left{width:30%;background-image:url("https://images.unsplash.com/photo-1503342564391-ebb28fc32ffe?ixlib=rb-1.2.1&auto=format&fit=crop&w=750&q=80");background-position:center}.main-page .center{width:30%;padding:40px 40px 40px 60px}.main-page .center .container{height:100%;width:100%;position:relative}.main-page .center .container .logo{position:absolute;top:0;left:0;height:50px;width:50px;text-align:center;color:black;font-size:30px;font-weight:700;line-height:50px}.main-page .center .container .bars{position:absolute;top:0;right:0;height:50px;width:50px;line-height:50px;font-size:20px;line-height:50px}.main-page .center .container .bars i{color:black}.main-page .center .container .title{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:40%;width:100%;color:black;font-size:400%;font-weight:600}.main-page .center .container .sub-title{position:absolute;bottom:0;left:0;height:60px;width:100%;font-size:90%;color:black;line-height:60px;font-weight:500}.main-page .right{width:40%;background-color:lightgreen}.main-page .right *{width:100%}.main-page .right .img2{height:60%;background-image:url("https://images.pexels.com/photos/1853035/pexels-photo-1853035.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940")}.main-page .right .container{height:40%;background-color:#fdef52;display:-webkit-box;display:-ms-flexbox;display:flex}.main-page .right .container *{height:100%}.main-page .right .container .left_{width:40%;position:relative}.main-page .right .container .left_ .text-container{height:80%;width:100%;background-color:#343436;position:relative;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}.main-page .right .container .left_ .text-container .text{height:60%;width:60%;color:white;font-size:20px;font-weight:700}.main-page .right .container .left_ .text-container .text p{margin-top:20px;font-size:15px;color:rgba(255,255,255,0.486);font-weight:400}.main-page .right .container .left_ .buttons-container{height:20%;width:100%;background-color:#1c1b20;display:-webkit-box;display:-ms-flexbox;display:flex}.main-page .right .container .left_ .buttons-container .button{height:100%;width:50%;color:white;position:relative}.main-page .right .container .left_ .buttons-container .button i{position:absolute;top:40%;left:45%}.main-page .right .container .left_ .buttons-container .button:hover{background-color:#34343646}.main-page .right .container .right{width:60%;background-color:#fdef52;position:relative;overflow:hidden}.main-page .right .container .right .bck-txt{font-size:250px;font-weight:600;color:rgba(255,255,255,0.301)}.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: 1048px){main{display:none}.mobile{display:unset}}