.dnarn{background:#202429;width:100%;position:fixed;z-index:100}@media (min-width:1340px){.dnarn nav{max-width:1260px}}@media (min-width:780px){.dnarn nav{width:90%}}.dnarn nav{margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;height:70px}.dnarn nav .logo span{font-size:20px;font-weight:600;letter-spacing:-1px;color:#62dafb!important;line-height:40px}.dnarn nav .logo img{display:inline-block;vertical-align:top;padding-right:5px;height:40px}.dnarn nav .nav-items{display:flex;flex:1 1;padding:0 0 0 40px;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.dnarn nav .nav-items::-webkit-scrollbar{display:none}.dnarn nav .nav-items ul{display:contents}.dnarn nav .nav-items ul li{list-style:none;padding:0 15px;color:#fff;font-size:18px}.dnarn nav .nav-items li.right{margin-left:auto}.dnarn nav .nav-items ul li a{color:#fff;font-size:18px;font-weight:500;text-decoration:none}.dnarn nav .nav-items ul li a.is-active,.dnarn nav .nav-items ul li a:hover{color:#62dafb}.dnarn nav form{display:flex;padding:2px;background:#1e232b;min-width:18%!important}.dnarn nav form .search-data{width:100%;height:100%;color:#fff;font-size:16px;border:none;font-weight:500;background:none}.dnarn nav form .search-data i{color:#000}.dnarn nav .cancel-icon,.dnarn nav .menu-icon,.dnarn nav .search-icon{width:40px;text-align:center;margin:0 50px;font-size:18px;color:#fff;cursor:pointer;display:none}.dnarn nav .cancel-icon,.dnarn nav .menu-icon span,.dnarn nav .search-icon{display:none}@media (min-width:780px){.dnarn nav .nav-items{mask-image:linear-gradient(90deg,transparent,#000 20px,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20px,#000 90%,transparent)}}@media (max-width:779px){.dnarn nav{padding:0}.dnarn nav form .search-data{margin:10px}.dnarn nav .logo{flex:2 1;text-align:center}.dnarn nav .logo img{padding-right:0}.dnarn nav .logo span{display:none}.dnarn nav .nav-items{position:fixed;z-index:99;top:70px;width:100%;left:-100%;height:calc(100vh - 70px);overflow:auto;margin:0 auto;padding-bottom:30px;text-align:left;background:#14181f;display:inline-block;transition:left .3s ease}.dnarn nav .nav-items.active{left:0}.dnarn nav .nav-items li{line-height:40px;margin:20px 0}.dnarn nav .nav-items li a{font-size:20px}.dnarn nav form{position:absolute;top:70px;right:50px;opacity:0;pointer-events:none;transition:top .3s ease,opacity .1s ease}.dnarn nav form.active{top:70px;opacity:1;pointer-events:auto}.dnarn nav .menu-icon,.dnarn nav .menu-icon span,.dnarn nav .search-icon{display:block}.dnarn nav .menu-icon span.hide,.dnarn nav .search-icon.hide{display:none}.dnarn nav .cancel-icon.show{display:block}.dnarn nav .cancel-icon,.dnarn nav .menu-icon,.dnarn nav .search-icon{margin:0 20px}.dnarn nav form{left:0;width:100%;padding:0 15px}}@media (max-width:350px){.dnarn nav .cancel-icon,.dnarn nav .menu-icon,.dnarn nav .search-icon{margin:0 10px;font-size:16px}}.AboutMe_aboutMe__rbZgA{width:100vw;min-height:450px;background-color:#f8cb64;margin-top:100px;box-shadow:0 1px 4px 0 rgb(0 0 0/50%)}.AboutMe_aboutMeTitle__3qpkv{text-align:center;padding-top:60px;color:gray;font-size:50px;font-weight:900}.AboutMe_aboutContent__Cv7y6{display:flex}.AboutMe_left__KkDei{width:50%;padding:80px;text-align:center}.AboutMe_img__SwOir{border-radius:50%}.AboutMe_right__bKN_X{width:50%;padding:80px;text-align:center}@media screen and (max-width:700px){.AboutMe_aboutContent__Cv7y6{display:block}.AboutMe_left__KkDei,.AboutMe_right__bKN_X{width:100%;padding:30px;text-align:center}}