*{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:'Open Sans', sans-serif;position:relative}a{text-decoration:none}.main-page{height:100vh;width:100%;background-color:white;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.main-page .left-bar{height:100%;width:5%;background-color:white;position:relative}.main-page .left-bar .logo{height:50px;width:50px;margin-top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;line-height:50px;font-size:30px;font-weight:700}.main-page .left-bar .bars{font-size:25px;line-height:7px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.main-page .main-container{height:100%;width:40%;background-image:url("https://images.pexels.com/photos/594610/pexels-photo-594610.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940");position:relative;z-index:5}.main-page .main-container .hello{position:absolute;top:5%;right:0;font-size:20px;color:#b1ae20;letter-spacing:10px;text-transform:uppercase}.main-page .main-container .title{position:absolute;top:13%;left:80%;font-size:70px;line-height:70px}.main-page .right{height:100%;width:55%;z-index:4;margin:20px;margin-right:40px}.main-page .right .social{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0}.main-page .right .social i{margin:10px;font-size:20px}.main-page .right .back-text{position:absolute;z-index:1;font-size:300px;color:rgba(0,0,0,0.048);font-weight:700}.main-page .right .content{margin-left:30px;margin-top:60%}.main-page .right .content .introduction{display:-webkit-box;display:-ms-flexbox;display:flex}.main-page .right .content .introduction .vl{position:absolute;z-index:2;right:0;width:60%;border:0.5px solid black;top:50%}.main-page .right .content .introduction .intro{font-size:20px;text-transform:uppercase;letter-spacing:5px;color:#b1ae20;font-weight:100}.main-page .right .content .lorem{margin-top:25px;height:100px;width:300px;font-size:14px}.mobile{display:none}.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-container p{font-family:monospace !important;font-size:2rem;text-align:center}@media screen and (max-width: 1170px){main{display:none}.mobile{display:unset}}