.nav,a{color:#fff}.nav ul li,.nav ul li a,a{font-weight:600}#home .row .col h2 a,*{font-family:Arial,Helvetica,sans-serif}#home .row .col ul li,.nav ul li{display:inline-block;list-style:none}#about .row,#home .row{gap:20px;grid-template-columns:repeat(2,1fr)}#about .row .col button,#home .row .col button{padding:15px 30px;background-color:#0ef;transition:.3s}#Skills,#about,#contact,header{background-color:#081b29}#about .row,#contact .row,#home .row{grid-template-columns:repeat(2,1fr)}#contact .row .col h1,#contact .row .col h2,#project h1{text-transform:uppercase}#home,#project,.progress div span,footer{background-color:#0a3453}#Skills h2,#home .row .col ul li,#project,.campus,.professional-skills h3,.technical-skills h3,footer{text-align:center}#Skills h2 span,#home .row .col ul li a,footer{color:#0ff}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;scroll-behavior:smooth}.maxWidth{max-width:1700px;width:100%;margin:auto;padding:20px 30px}a{text-decoration:none;font-size:25px}header{width:100%;position:fixed;z-index:1}.nav{display:flex;justify-content:space-between;align-items:center}.nav i,.nav ul li:first-child{display:none}.nav ul li{padding:10px 15px;font-size:22px}.nav ul li a{font-size:22px}@media(max-width:700px){.nav{padding:27px 30px}.nav-menu{position:fixed;top:0;right:-220px;width:210px;background:#0a3453;height:100vh;padding:20px 0;transition:.5s}.nav ul li{display:block;margin-bottom:15px}.nav ul li:first-child{display:block;font-size:28px;margin-top:5px}.nav i{display:block;font-size:24px;cursor:pointer}}#home{width:100%}#home .row{display:grid;justify-content:space-between;align-items:center;align-content:center;padding:220px 30px;overflow:hidden}#home .row .col{width:100%}#home .col .image{max-width:600px;max-height:600px;margin:auto}#home .row .col img{width:100%;border-radius:100%;max-height:700px;height:100%;border:10px solid #0095ff;transition:.3s;cursor:pointer;box-shadow:0 0 65px 30px #0095ff}#contact .row .col ul li:hover,#home .row .col button,#home .row .col ul li:hover{box-shadow:0 0 25px 10px #0ef}#home .row .col h1{font-size:50px;color:#0ef}#home .row .col h1 span{color:#1eff00;cursor:pointer}#home .row .col h3{font-size:25px;letter-spacing:1px}#home .row .col h2{font-size:30px;color:#fff}#home .row .col h2 a{text-decoration:none;letter-spacing:1px;color:#0ef;font-size:22px}#home .row .col p{font-size:25px;line-height:40px;letter-spacing:2px;color:#fff}#home .row .col ul li{font-size:20px;padding:20px;color:#0ef;width:75px;background-color:transparent;border-radius:100%;border:2px solid #0ef;cursor:pointer;transition:.3s}#contact .row .col ul li:nth-child(2),#contact .row .col ul li:nth-child(3),#home .row .col ul li:nth-child(2),#home .row .col ul li:nth-child(3){margin-left:15px}#home .row .col button{border-radius:20px;outline:0;border:none;font-size:15px;cursor:pointer}#about .row .col button a,#home .row .col button a{text-decoration:none;font-weight:700;color:#000}#about .row .col button:hover,#home .row .col button:hover{box-shadow:0 0 25px 10px #85a70c;background-color:#1eff00;transition:.3s}@media(max-width:850px){#home .row{display:flex;flex-direction:column-reverse;justify-content:center;padding:200px 30px 150px;text-align:center;overflow:hidden}#home .row .col img{margin-bottom:40px}}@media(max-width:400px){#home .row .col h1{font-size:30px}}#about,#contact{color:#fff}#about .row{display:grid;align-items:center;justify-content:center;padding:80px 30px}#about .col .image{max-width:580px}#about .row .col img{width:100%;border-radius:100%;height:auto;border:10px solid #0095ff;transition:.3s;cursor:pointer;box-shadow:0 0 65px 30px #0095ff}#about .row .col button,#contact .row .col form button{outline:0;box-shadow:0 0 25px 10px #0ef;cursor:pointer}#about .row .col h1{font-size:35px}#about .row .col h1 span{color:#0095ff}#about .row .col h3{color:#09d6cc;letter-spacing:2px;font-size:28px;font-family:sans-serif}#about .row .col p{line-height:30px;letter-spacing:2px;font-size:18px}#about .row .col button{border-radius:20px;border:none;font-size:15px;margin-left:25px}@media(max-width:1050px){#about .row{display:flex;flex-direction:column;text-align:center}}#Skills h2{padding:40px 0 0;color:#fff;font-size:40px;letter-spacing:2px}.skills{width:100%;padding:80px 40px;margin:auto;display:flex;justify-content:space-between;align-items:center}.technical-skills{width:40%}.professional-skills{width:60%}.technical-skills h3{color:#a6ff00;letter-spacing:2px}.professional-skills h3{color:#0ef;letter-spacing:2px}#project h1,.Htmls h4{letter-spacing:1px;color:#fff}.skills hr{max-width:210px;width:100%;margin:auto;border:2px solid #fff}.progress,.progress div{height:10px;border-radius:5px}.Htmls h4{font-weight:400;margin-top:40px;margin-bottom:5px;font-size:20px}.progress{background:#959595;max-width:500px;width:100%}.progress div{width:0%}.progress div span{width:40px;height:40px;border-radius:50%;color:#fff;float:right;margin-top:-15px;margin-right:-20px;display:flex;align-items:center;justify-content:center}.html{background-color:#e91e63;animation:1s linear forwards html}.css{background-color:#cddc39;animation:1s linear forwards css}.bootstrap{background-color:#00bcd4;animation:1s linear forwards bootstrap}.tailwind{background-color:#00ffbf;animation:1s linear forwards tailwind}.javascript,.react{animation:1s linear forwards javascript}.javascript{background-color:#ffeb3b}.react{background-color:#42bd31}.sass{background-color:#ff00d4;animation:1s linear forwards css}.html span{border:1px solid #e91e63}.bootstrap span,.communication span,.css span,.teamwork span{border:1px solid #cddc39}.javascript span,.problemSolve span{border:1px solid #00bcd4}.react span,.sass span,.tailwind span{border:1px solid #00f5e0}@keyframes html{100%{width:90%}}@keyframes css{100%{width:86%}}@keyframes javascript{100%{width:76%}}@keyframes bootstrap{100%{width:86%}}@keyframes tailwind{100%{width:86%}}.creativity{background-color:#3bfd00;animation:1s linear forwards creativity}.communication{background-color:#b31a1a;animation:1s linear forwards communication}.problemSolve{background-color:#00bcd4;animation:1s linear forwards problemSolve}.teamwork{background-color:#ffeb3b;animation:1s linear forwards teamwork}.responsive,.supar{background-color:#3bff4b;animation:1s linear forwards responsive}.minify{background-color:#b90592;animation:1s linear forwards minify}.creativity span{border:1px solid #00ff15}.responsive span{border:1px solid #1ae913}.minify span{border:1px solid red}.supar span{border:1px solid #fe0}@keyframes creativity{100%{width:75%}}@keyframes communication{100%{width:60%}}@keyframes problemSolve{100%{width:76%}}@keyframes teamwork{100%{width:60%}}@keyframes responsive{100%{width:97%}}@keyframes minify{100%{width:90%}}#project{color:#fff}#project h1{font-size:30px;padding:50px 0}.row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.campus{width:80%;margin:auto;padding-top:50px}.campus-col{flex-basis:32%;border-radius:10px;margin-bottom:30px;position:relative;overflow:hidden}.layer,.layer h3{width:100%;position:absolute;transition:.5s}.campus-col a img{width:100%;display:block;height:400px}.layer{cursor:pointer;height:100%;top:0}.layer:hover{background-color:rgba(54,157,218,.7)}.layer h3{font-weight:500;color:#fff;font-size:25px;left:50%;bottom:0;transform:translateX(-50%);opacity:0}.layer:hover h3{bottom:49%;opacity:1}@media(max-width:900px){.row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:650px){.row{display:grid;grid-template-columns:repeat(1,1fr);gap:20px}}#contact .row{display:grid;align-items:center;justify-content:space-between}#contact .row .col span,#contact .row .col ul li a{color:#0ef}#contact .row .col h2{color:#fff}#contact .row .col h2 span{color:#00ffea}#contact .row .col p{line-height:30px;letter-spacing:2px;font-size:20px}#contact .row .col h4{margin-bottom:8px;letter-spacing:1px;font-weight:400;font-size:20px}#contact .row .col h4 i{padding:0 8px;color:#0095ff}#contact .row .col form input{display:block;width:85%;margin:auto auto 10px;padding:15px 10px;border-radius:5px;outline:0;border:none;background-color:gray;color:#000}::placeholder{color:#000;opacity:1}#contact .row .col form textarea{display:block;width:85%;margin:auto;padding:40px;background-color:gray;color:#000;border:none;outline:0;border-radius:5px}#contact .row .col form button{display:block;width:85%;margin:auto;color:#000;padding:8px;border-radius:20px;border:none;background-color:#0ef}#contact .row .col ul li{list-style:none;display:inline-block;font-size:20px;padding:20px;color:#0ef;max-width:75px;width:100%;margin:auto;text-align:center;background-color:transparent;border-radius:100%;border:2px solid #0ef;cursor:pointer;transition:.3s}@media(max-width:800px){.skills{display:flex;flex-direction:column;justify-content:center;align-items:center}.professional-skills,.technical-skills{width:100%}.progress-bar{max-width:500px;width:100%;margin:auto auto 80px}#contact .row{display:grid;grid-template-columns:repeat(1,1fr);align-items:center}.row{padding-bottom:20px}}@media(max-width:320px){#contact .row .col h4{font-size:15px}#contact .row .col ul li{margin-bottom:15px}#contact .row .col ul{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:15px}}footer{padding:20px;letter-spacing:2px}