@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;border:0;padding:0;box-sizing:border-box;overflow-x:hidden;transition:all ease .2s;-webkit-user-select:none;user-select:none}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden;background-color:#0b3149;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='655' height='655' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23226B77' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%232A696C'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E")}footer{background:linear-gradient(225deg,#092334,#0d3b58);height:25vh;display:flex;align-items:center;padding:0 5vw;justify-content:space-between}footer a{text-decoration:none;color:#fff}footer a h1{text-transform:capitalize;white-space:nowrap;font-size:24px;font-weight:400;color:#fff}footer ul{padding:0}footer p{text-transform:none;padding-bottom:5vh}.heart{color:#dc143c}@media (min-width: 2560px){footer{padding:0 28vw}}@media (max-width: 450px){footer{display:block;height:fit-content}footer h1,.footer-right{text-align:center;padding-top:5vh}footer ul{width:50vw;margin:0 auto}footer p{text-align:center}}nav{height:100px;z-index:2;position:fixed;background-color:transparent;width:100vw;display:flex;justify-content:space-between;align-items:center;padding:0 5vw}nav.dark{background-color:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.logo a h1,.logo a{color:#fff;text-decoration:none;text-transform:capitalize;font-weight:400;white-space:nowrap}ul,li,li a{color:#d3d3d3;display:flex;text-transform:capitalize;text-decoration:none;padding:15px 10px;justify-content:space-between;font-weight:400}.icons{padding:0}li a img{height:22px}li a img:hover{opacity:.8}li a:active,li a:hover{color:#fff;cursor:pointer}.hamburger{display:none;cursor:pointer}.bar{display:block;width:25px;height:3px;margin:5px auto;-webkit-transition:all ease .3s;transition:all ease .3s;background-color:#fff}.div2{padding-top:16px}@media (max-width: 840px){nav.dark{background-color:#0d3b58}nav{padding:0 30px}.hamburger{display:block}.hamburgerx .bar:nth-child(2){opacity:0}.hamburgerx .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburgerx .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.header-right{position:fixed;right:-100%;top:0;padding-top:70px;width:100%;height:auto;flex-direction:column;background-color:#0d3b58;align-items:center;transition:all ease .3s;padding-bottom:100vh}.header-right-active{right:0}}@media (min-width: 2560px){nav{padding:0 28vw}}.section1{height:100vh;overflow-x:hidden;width:100%;margin-top:100px}.text{padding:0 5vw;color:#fff;position:absolute;top:55%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.typed{font-weight:400}.breakline{display:none}.welcome{padding:10px;border:2px solid #2a696c;background:linear-gradient(270deg,#0b3149,#2a696c);width:fit-content;white-space:nowrap;font-weight:500}.text h1{font-size:60px;font-weight:600}.text p{max-width:650px;padding:15px 0;color:#d3d3d3;font-weight:400;text-transform:none}.connect-text{padding-top:25px;font-weight:400}.connect{display:flex;cursor:pointer;width:fit-content}.connect img{height:25px;margin:auto 10px}@media (max-width: 600px){.section1{width:auto}.text{padding-top:100px}.welcome{max-width:fit-content;margin-left:auto;margin-right:auto;margin-bottom:30px}.text h1{text-align:center;margin-left:auto;margin-right:auto;font-size:50px}.breakline{display:block}.text p{text-align:center;margin-left:auto;margin-right:auto;max-width:max-content}.connect{text-align:center;margin-left:auto;margin-right:auto}}@media (min-width: 2560px){.text{padding:0 28vw}}@media (max-height: 670px){.text{padding-top:150px}.text h1{font-size:50px}}.section2{overflow:hidden;margin-bottom:10vh}.square h1{display:block;text-align:center;padding-top:50px;color:#fff;font-weight:500}.description{text-transform:none;text-align:center;padding:15px 0;font-weight:400}.square{background:#092334;background:linear-gradient(225deg,#092334,#0d3b58);margin:0 auto;width:90vw;height:min-content;border-radius:50px}.wrapper{justify-content:space-between;margin:0 auto;display:flex;width:90vw;min-height:fit-content;padding-top:40px;padding-bottom:120px}.frontend,.backend,.devops{background-color:transparent;width:400px;height:350px;border-radius:25px;margin:auto;color:#fff;text-align:center;border:2px solid #0d3b58}.frontend:hover,.backend:hover,.devops:hover{background-color:#0d3b58}@media (max-width: 970px){.wrapper{display:block;overflow:hidden;padding-bottom:80px;padding-top:40px}.section2{height:fit-content}.square h1{padding-top:50px}.frontend,.backend,.devops{width:300px;height:fit-content;padding-bottom:30px;margin-bottom:30px}}@media (min-width: 2560px){.square,.wrapper{width:45vw}}.skill-title{display:inline-flex;align-items:center;padding:5px 0}.skill-title img{height:15px;padding-right:10px}h3{text-transform:capitalize;font-weight:400;color:#fff}p{text-transform:capitalize;font-weight:300;color:#d3d3d3}h2{font-weight:400;padding:30px 0}.grid p{font-size:15px}.grid{display:grid;grid-template-columns:auto auto;text-align:left;justify-content:space-around}.section3{background-color:#092334;height:auto;overflow:hidden;padding-bottom:50px}.projects{display:block;text-align:center;padding-top:50px;color:#fff;font-weight:500}.description2{text-transform:none;text-align:center;padding:15px 0;font-weight:400}.grid2{display:grid;grid-template-columns:auto auto auto;justify-content:center;align-content:center}@media (min-width: 1920px){.grid2{grid-template-columns:auto auto auto auto}}@media (max-width: 990px){.grid2{grid-template-columns:auto auto}}@media (max-width: 640px){.grid2{grid-template-columns:auto}}.project{overflow:hidden;background-color:#0b3149;width:275px;height:375px;border-radius:25px;margin:15px}.image-wrapper{overflow:hidden;display:block;height:150px;width:250px;border-radius:25px;margin:15px auto}.image{width:250px;height:150px;object-fit:cover;display:block;border-radius:25px;margin-left:auto;margin-right:auto}.image:hover{transform:scale(1.1)}.name{text-align:left;margin-left:15px;margin-bottom:5px;font-weight:500}.skills{color:#d3d3d3;font-size:14px;font-weight:500;margin-left:15px;padding:0 0 5px;max-width:90%}.projectDesc{text-transform:none;color:#f5f5f5;font-size:14px;font-weight:400;margin-left:15px;height:85px;max-width:90%;-webkit-user-select:text;user-select:text}.github{display:inline;text-transform:capitalize;text-decoration:none;font-size:14px;font-weight:500;color:#28b6d5;border:solid 1px #28b6d5;border-radius:5px;padding:5px;margin-left:15px}.github:hover{background-color:#28b6d5;color:#092334}.live{display:inline;text-transform:capitalize;text-decoration:none;font-size:14px;font-weight:500;background-color:#28b6d5;color:#092334;border:solid 1px #28b6d5;border-radius:5px;padding:5px;margin-left:15px}.live:hover{background-color:#249cb6;color:#061823}