.navbar{z-index:3;position:fixed;top:0;left:0;width:40vw;background-color:#030303;justify-content:space-between;height:70px}.navbar,.navbar__logo{display:flex;align-items:center}.navbar__logo{background-color:#0175b7;width:180px;justify-content:center;height:100%}.navbar__menu-icon{display:flex;align-items:center;cursor:pointer}.navbar__menu-icon-separator{width:2px;height:40px;background-color:#303030;margin-right:10px}.navbar__menu-icon-bars{color:#fff;font-size:2rem;transition:color .3s ease;padding-right:10px}.navbar__menu-icon-bars:hover{color:#0175b7}.navbar__menu{z-index:3;position:fixed;top:70px;left:0;width:40vw;height:calc(100vh - 70px);background-color:rgba(25,25,25,.8);display:flex;flex-direction:column;align-items:center;justify-content:center}.navbar__menu-list{list-style:none;text-align:center;padding:0}.navbar__menu-item{color:#fff;font-size:1.5rem;margin:15px 0;cursor:pointer}.navbar__menu-item:hover{color:#0175b7}.navbar__menu-lang{margin-top:10px}.navbar__menu-lang a{color:#fff;text-decoration:none;font-weight:700}@media screen and (max-width:768px){.navbar,.navbar__menu{width:100vw}}.section{padding:25px 40px;position:relative}.section__title{text-transform:uppercase;font-size:45px;font-weight:700;color:#000;position:relative;z-index:2;margin-top:25px}.section__title:after{content:"";position:absolute;left:0;width:150px;bottom:-15px;border:2px solid #0175b7}.section__subtitle{text-transform:uppercase;font-size:25px;font-weight:700;color:#fff;background-color:#0175b7;display:inline-block;padding:15px 30px;position:relative;z-index:2}.section__subtitle:after{content:"";position:absolute;bottom:-10px;left:20px;border-color:#0175b7 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:10px 10px 0;display:block;width:0}.section__deco:before{content:attr(data-title);text-transform:uppercase;position:absolute;top:50px;left:100px;font-size:90px;font-weight:700;color:rgba(196,196,196,.1);z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.section__content{margin-top:50px}.section__separator{margin-top:50px;width:100%;background-color:#ddd;height:1px}@media(max-width:768px){.section{padding:25px 20px}.section__title{font-size:30px;margin-top:15px}.section__title:after{width:100px;bottom:-10px}.section__subtitle{font-size:18px;padding:10px 20px}.section__subtitle:after{bottom:-5px;left:10px;border-width:5px 5px 0}.section__deco{font-size:60px;top:30px;left:50px}}body{margin:0;font-family:Roboto,sans-serif}