.home{background-color:var(--BGC);& .landing{& .sea{width:100%;overflow:hidden;>.wave{position:absolute;bottom:0;left:0;height:100px;width:100%;background:url(/_next/static/media/wave.f8bed9c7.png);background-size:1000px 100px;z-index:1000;&.wave-1{animation:sea 10s linear infinite;z-index:1000}&.wave-2{animation:sea_2 8s linear infinite;opacity:.8;z-index:999}&.wave-3{animation:sea 6s linear infinite;animation-delay:-2s;opacity:.6;z-index:998}&.wave-4{animation:sea 4s linear infinite;opacity:.4;z-index:997}}}& .animationScroll{width:35px;height:70px;border:5px solid;border-color:var(--text_color);border-radius:15px;position:absolute;top:70%;left:50%;transform:translateX(-50%);&:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background-color:var(--Secont_BGC);top:50%;left:50%;transform:translate(-50%,-50%);animation:topDown 2s ease-in-out infinite}}}}@media(max-width:768px){.home .mediaContiner{width:90%!important;margin:auto!important}.welcom_message{margin-top:30px!important;font-size:44px!important}}@media(max-width:500px){.btns{flex-direction:column;gap:10px;width:100%;text-align:center;margin-top:.5rem}.welcom_message{margin-top:30px!important;font-size:35px!important}}@keyframes sea{0%{background-position-x:0}to{background-position-x:1000px}}@keyframes sea_2{0%{background-position-x:0}to{background-position-x:-1000px}}@keyframes topDown{0%,to{top:20%}50%{top:80%}}@media(max-width:890px){.admins{.header_title{width:100%!important;margin:auto!important}}.container_content{width:90%!important;margin:auto!important}.box_admin{width:100%!important}}@media(max-width:620px){.admins{.header_title{font-size:32px}}}@media(max-width:650px){.banar{padding-inline:.4rem!important;flex-direction:row!important;flex-wrap:nowrap}.none_media{display:none}}@media (max-width:768px){.titleAndEnfo{.title{font-size:2rem}}.copyRight{font-size:1rem}}@media (max-width:580px){.btns,.footer>div,.titleAndEnfo{flex-direction:column;justify-content:center;align-items:center}.btns,.titleAndEnfo{text-align:center;width:100%!important;display:flex}}@media (max-width:790px){nav{position:absolute;background-color:var(--Secont_BGC);height:200px;top:-220px;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:100%;margin:auto;left:0;transition:.5s;& .link{font-size:20px;font-weight:600;color:var(--text_color);padding:2px 5px}}nav#active{top:102px}}@media (min-width:791px){.toggleBtn{display:none!important}}@media(max-width:430px){.brand{font-size:22px!important}}#navBarScrolling{position:fixed;top:0;left:0;width:100%;transition:.5s;z-index:99999}#docsPage{padding:2px 8px;border-radius:4px;border:1px solid #fff;transition:.5s;&:hover{border-radius:6px;background-color:#eee;color:#00369b;box-shadow:0 0 6px #000}}.catigory{overflow:hidden;.boxes_skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;.skill_box{width:100%;text-align:center;margin-bottom:40px}}&:before{content:"";position:absolute;width:150%;height:100%;background-color:var(--description_color);top:140px;left:-10%;transform:rotate(-10deg);z-index:-1;animation:leftRight 4s ease-in-out infinite}}@keyframes leftRight{0%,to{transform:rotate(-10deg)}50%{transform:rotate(-6deg)}}@media(max-width:890px){.catigory{.header_title{width:100%!important;margin:auto!important}}}@media(max-width:620px){.catigory{.header_title{font-size:32px}}}