@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100&display=swap);html{scroll-behavior:smooth}body{padding:0;margin:0;background:#05264e;font-family:Roboto,sans-serif;font-size:14px}html::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}h1,h2,h3,h4{margin:0;color:#fff}p{color:#fff}.container{width:75%!important;margin:auto}.content{padding:14px;padding-top:0!important;height:85vh;align-items:center;display:flex;flex-direction:column;justify-items:center}.d-none{visibility:hidden;opacity:0}.d-block{visibility:visible;opacity:1}.white{color:#fff}.black{color:#000}.green{color:#35b611}.b_border{height:4px;width:100%;background-color:#35b611}.primary{color:#2cec12}.title{margin-top:16px;font-size:22px;padding-left:20px}.skill{font-size:100px!important}.mb_30{margin-bottom:10%}.image_b{height:114px;opacity:.2!important;background-image:url(../img/web_b.ab7521e3.webp)}.exp_num{font-size:140px!important}.font_50{font-size:50px}.text-bold{font-weight:700}li{margin-bottom:5px;line-height:20px}.line_70{line-height:70px}@media (max-width:576px){.container{width:96%!important;margin:auto}.skill{font-size:60px!important;line-height:55px;margin-bottom:12px}.exp_num{font-size:90px!important}}@-webkit-keyframes fadeOut{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,20%,0)}}@keyframes fadeOut{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,20%,0)}}@-webkit-keyframes visibleHide{0%{opacity:1}50%{opacity:.6}to{visibility:hidden;opacity:0}}@keyframes visibleHide{0%{opacity:1}50%{opacity:.6}to{visibility:hidden;opacity:0}}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.from_top{visibility:hidden}.animate_up{visibility:visible;-webkit-animation:fadeInUp .8s ease-in-out 0s forwards;animation:fadeInUp .8s ease-in-out 0s forwards}.fade-out{transition:.6s ease-in;-webkit-animation:fadeOut .8s ease-in-out 0s forwards;animation:fadeOut .8s ease-in-out 0s forwards}.duration_3{-webkit-animation-duration:1.5s!important;animation-duration:1.5s!important;-webkit-animation-duration:3s!important;animation-duration:3s!important}.mt-2{margin-top:8px}.code_img{height:320px}.d-flex{display:flex}.flex-1{flex:1}.my-0{margin-top:0}.mb-0,.my-0{margin-bottom:0}.taraea{height:80vh;width:100%;background-color:#e0e0e0;border-radius:12px;padding:16px;color:#000;white-space:pre-wrap;overflow-y:auto}.input-group{display:block;width:103%;max-width:103%;height:82px;border:0;background-color:#fff;border-bottom-right-radius:41px;border-top-left-radius:41px;border-top-right-radius:0;box-shadow:0 17px 40px 0 rgba(75,128,182,.07);margin-bottom:22px;position:relative;font-size:17px;color:#a7b4c1;transition:opacity .2s ease-in-out,filter .2s ease-in-out,box-shadow .1s ease-in-out}.input-group input{position:absolute;border:0;box-shadow:none;background-color:hsla(0,0%,100%,0);top:0;height:65px;width:100%;padding:0 20px;box-sizing:border-box;z-index:3;display:block;color:#1a6fc4;font-size:17px;font-family:Oxygen,sans-serif;transition:top .1s ease-in-out}.input-group input::-moz-placeholder{color:transparent}.input-group input::placeholder{color:transparent}.input-group input:not(:-moz-placeholder-shown){top:17px}.input-group input:focus,.input-group input:not(:placeholder-shown){top:17px}.input-group label{position:absolute;border:0;top:0;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;padding:0 20px;box-sizing:border-box;transition:all .1s ease-in-out;cursor:text}.input-group input:not(:-moz-placeholder-shown)+label{bottom:20px;font-size:13px;opacity:.7}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{bottom:20px;font-size:13px;opacity:.7}.req-mark{position:absolute;top:0;right:20px;bottom:0;z-index:100;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;font-size:22px;color:#e0e0e0}:focus{outline:none}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.clear{margin-top:20px;color:#fff;text-transform:uppercase;font-weight:700}