";font-family:"La Belle Aurore",cursive;color:#515152;font-size:1.8rem;position:absolute;margin-top:3.8rem;margin-left:2rem}.text-zone header{position:relative}.text-zone p{position:relative;margin-bottom:1.5rem}.text-zone p:first-of-type:before{content:"
";font-family:"La Belle Aurore",cursive;color:#515152;font-size:18px;position:absolute;margin-top:-2rem;left:-2rem}.text-zone p:last-of-type:after{content:"
";font-family:"La Belle Aurore",cursive;color:#515152;font-size:18px;position:absolute;left:-2rem;bottom:-3rem}input:-webkit-autofill,textarea:-webkit-autofill{border:0;-webkit-text-fill-color:#8d8d8d;-webkit-box-shadow:0 0 0px 1000px #2b2b2b inset}.main-menu{width:13rem;background-color:#181818;height:100vh;position:fixed;left:0;top:0;right:auto;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:3;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0}.main-menu__top{background:#000;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:2rem 0}.main-menu__top>span{font-family:"Montserrat";color:#a5a5a5;font-size:1.2rem;margin-top:1rem}.logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo span{color:#fff;margin-top:1px;font-size:2.7rem}.main-menu_nav{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid #282828}.main-menu_nav a{text-align:center;width:100%;display:block;font-size:1.6rem;color:#909096;line-height:5rem;border-bottom:1px solid #282828}.social{color:#909096;margin:0;padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:20rem}.social li{text-align:center}.social li a{padding:2rem 7px}.mbtn{display:none}.flat-button{color:#f60;font-size:14px;letter-spacing:4px;font-family:"Montserrat",sans-serif;text-decoration:none;margin-top:20px;position:relative;width:100%;max-width:220px;height:50px;line-height:50px;display:block;text-align:center}.flat-button div{height:100%;width:100%;position:relative;overflow:hidden}.flat-button span.bg{left:-5%;position:absolute;background:#f60;width:0;height:100%;z-index:3;-webkit-transform:skewX(-10deg);-ms-transform:skewX(-10deg);transform:skewX(-10deg)}.flat-button span.base{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:2;width:100%;height:100%;left:0;border:1px solid #f60}.flat-button span.text{z-index:4;width:100%;height:100%;position:absolute;left:0;top:0}.flat-button span.text:after{content:"";width:4px;height:4px;right:0;bottom:0;background:#f60;position:absolute;z-index:5}.contact-form{width:100%;padding-top:5rem;display:block;position:relative}.contact-form form{position:relative}.contact-form form:before{content:"";font-family:"La Belle Aurore",cursive;color:#515152;font-size:18px;position:absolute;top:100%;left:-1rem}.contact-form ul{padding:0;margin:0}.contact-form ul li{padding:0;margin:0;list-style:none;margin-bottom:10px;opacity:1;overflow:hidden;display:block;clear:both;position:relative}.contact-form ul li.half{width:49%;margin-left:2%;float:left;clear:none}.contact-form ul li.submit{overflow:hidden}.contact-form ul li.half:first-child{margin-left:0}.contact-form input[type=text],.contact-form input[type=email]{width:100%;border:0;background:#2b2b2b;height:50px;font-size:16px;color:#8d8d8d;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.contact-form textarea{width:100%;border:0;background:#2b2b2b;height:50px;font-size:16px;color:#8d8d8d;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:150px}.contact-form .flat-button{float:right}.input__label--hoshi:before,.input__label--hoshi:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px}.input__label--hoshi-color-2:after{border-color:#0fa}.input__label--hoshi:after{margin-top:2px;border-bottom:2px solid #f60;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.section-full{min-height:100vh;padding:9rem 3rem;position:relative;opacity:1}.section-full .text-zone{padding-left:5rem}.page-contact{overflow:hidden;position:static;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.page-contact .text-zone{width:50%;z-index:2;background-color:#1d1d1d;padding:4rem;padding-left:5rem;padding-right:5rem;max-width:80rem}@media screen and (max-width:1300px){body{padding-left:0}.section-full:first-child{padding-top:10rem}.main-menu{-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;z-index:-5;left:0;right:0;bottom:0;top:0;width:100%;opacity:0}.main-menu>*{opacity:0}.main-menu .main-menu__top{padding-top:6rem}.main-menu .social{margin-top:2rem;height:4rem}.mbtn{position:fixed;top:10px;right:10px;width:5rem;height:5rem;z-index:100;background-color:rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:3px}}@media screen and (max-width:1100px){h1{font-size:8.3rem;line-height:7rem}.top-tags:after{margin-left:0}.flat-button{max-width:200px;height:45px;line-height:45px}.section-full .text-zone{padding-left:2rem;padding-right:2rem}}@media screen and (max-width:900px){h1{font-size:8rem;line-height:7rem}.page-contact{display:block}.page-contact .text-zone{width:100%;padding-right:2rem}}@media screen and (max-width:600px){body{font-size:1.5rem}h1{font-size:5.3rem;line-height:4.5rem}.flat-button{max-width:200px;height:42px;line-height:42px}.section-full .text-zone{padding-left:0;padding-right:0}.section-full{padding:9rem 3rem}.page-contact .text-zone{padding-right:0}.tags{left:2rem}}@media screen and (max-width:480px){h1:before{margin-top:-3rem}.flat-button{max-width:170px;height:40px;line-height:40px}.contact-form ul li.half{width:100%;margin-left:0;float:none;clear:none}}@media screen and (max-width:380px){h1{font-size:4.2rem;line-height:3.6rem}.flat-button{letter-spacing:3px}.flat-button{max-width:176px;height:42px;line-height:42px}}#contact button{background:0 0;border:none}.main-menu_nav ul{margin:0;padding:0;list-style:none}.main-menu_nav ul li.current-menu-item a{color:#08fdd8}.main-menu_nav ul li.current-menu-item a{color:#f60}a{color:#f60;text-decoration:none}body{font-family:'Montserrat',sans-serif!important;font-size:1.6rem;line-height:1.8;color:#ffffffe6}.name_err,.email_err,.subject_err,.msg_err{color:red}.social{padding-top:10px}.social li a{padding:2rem 5px;color:inherit;font-size:30px}.contact-form input[type=email],.contact-form input[type=text]{width:100%!important}I am open to taking on freelance projects, particularly those that are challenging or extensive in scope. If you have a different request or inquiry, please don't hesitate to reach out via the provided form.
© Copyright 2024 jobayerhossan.com All Right Reserved | Developed by BitwiseCode Technologies