a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;background-color:#000;color:#fff;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:.5px solid transparent;padding:.6em 1.2em;font-size:.8rem;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;border-color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.main-container{display:flex;align-items:center;justify-content:center}.intro-section{margin:2rem;height:33rem;width:13rem;display:flex;flex-direction:column;background-color:#141414;border-radius:1rem;border:1px solid rgb(71,70,30);line-height:.4rem}.profile-section{width:13rem;height:16rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-dev img{height:7rem;border-radius:1rem}.contact-section{display:flex;flex-direction:column;width:13rem;height:17rem}.profile-section p{font-size:large;font-family:Times New Roman,Times,serif;font-weight:500}.line{width:10rem;height:.15rem;background-color:#252424;margin-top:1rem}.contact{display:flex;width:13rem;height:2.3rem;margin-bottom:1.5rem}.icon{border:.1rem solid rgb(34,33,33);border-radius:1rem;padding:.4rem;color:#817d33;background-color:#1b1b1b;height:1rem;width:1rem;margin-left:.4rem}.txt{margin-left:.5rem;height:2rem;width:12rem;display:flex}.txt p{line-height:1rem;padding-right:1rem;margin:0;font-size:small;overflow-wrap:anywhere;text-align:left;color:#cec6c6;font-family:Times New Roman,Times,serif}.ph{margin-top:.5rem}.data-section{height:33rem;width:60rem;display:flex;flex-direction:column;background-color:#141414;border-radius:1rem;border:1px solid rgb(71,70,30)}.title-bar{width:100%;height:4rem;display:flex}.NavBar{position:relative;left:15rem;width:35rem;height:3rem;border-bottom-left-radius:1rem;border-top-right-radius:1rem;background-color:#202020}.selected-tab{margin-top:1rem;height:3rem;width:10rem;display:flex;justify-content:center;align-items:center;color:#fff;font-family:Times New Roman,Times,serif;font-size:x-large;font-weight:600;text-decoration:underline;text-decoration-color:#ff0;text-decoration-thickness:.15rem}nav{height:100%;width:100%;display:flex;justify-content:space-around;align-items:center}.link{color:#fff}.link:hover{color:#f3f35f}.active{text-decoration:underline;text-decoration-color:#ff0;text-decoration-thickness:.09rem;color:#ff0}a{color:#fff}.mobile{display:none}@media(min-width:320px)and (max-width:600px){.main-container{flex-direction:column}.intro-section{margin:.2rem;height:95vh;width:90vw}.profile-section,.contact-section{width:90vw}.contact{width:90vw;margin-left:2rem;margin-bottom:1rem;justify-content:center;align-items:center}.contact .txt{width:80%}.title-bar{display:none}.mobile{width:98vw;height:3rem;display:flex;position:fixed;bottom:0;background-color:#1a1a1a;border-radius:.5rem;margin-left:1vw}.mobile-nav{width:100%;height:100%}.data-section{z-index:-2;margin:.2rem;height:95vh;width:90vw;border-color:#000}.contact{width:100%;margin-left:0}}#root{max-width:1280px;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.intro{margin:0rem 2rem}.intro p{font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:100;text-align:left}.i-do{display:flex;font-family:Times New Roman,Times,serif;font-size:x-large;font-weight:600;margin-left:2rem}.skill-section{display:flex;height:9rem;width:56rem;margin-left:2rem}.web,.game{height:8rem;width:22rem;background-color:#202020;border-radius:1rem;box-shadow:.62rem .62rem .2rem #111}.web{margin-left:3rem;display:flex}.game{margin-left:5rem;display:flex}.logo-icon{display:flex;color:#817d33;width:4rem;height:7rem;justify-content:center;align-items:center;margin:1rem;font-size:4rem}.text{height:7rem;width:15rem;display:flex;flex-direction:column}.title{width:12rem;display:flex;height:2rem;color:#e9e9a1;font-size:large}.desc{height:5rem;width:15rem;display:flex;text-align:left;align-items:center}.desc p{margin-bottom:.5rem;line-height:1.2rem}@media(min-width:320px)and (max-width:600px){.skill-section{height:9rem;width:100%;margin-left:0rem;flex-direction:column}.web{margin-left:0rem;margin-bottom:1rem}.game{margin-left:0rem}.web,.game{height:12rem;width:90%;margin-left:5%}.data-section{height:70rem}.text{height:9rem;width:100%}.title{width:100%;height:2rem}.desc{height:100%;width:100%}.desc p{margin-top:.4rem}.intro-section{height:28rem}.intro{margin-left:1.2rem;margin-right:1rem}}.resume{height:100%;width:100%}.education{height:100%;width:100%;display:flex}.side-line{height:90%;width:3rem;margin-left:1rem;margin-top:1rem;display:flex;align-items:center;flex-direction:column}.vert-line{height:41%;width:.08rem;background-color:#3b3913;display:inline}.edu-icon,.exp-icon{margin:0}.exp-icon{margin-top:4.1rem}.line-circle{width:.8rem;height:.8rem;border-radius:50%;background-color:#6e6e2b;display:inline}.content{height:100%;width:100%;display:flex;flex-direction:column;align-items:flex-start;margin-left:.2rem}.line1{height:2.6%}.line2{height:19.3%}.line3{height:19.5%}.line4{height:2.5%}.content h2{margin:1rem 0rem 0rem;text-decoration:underline;text-decoration-color:#ff0;text-decoration-thickness:.09rem}.year{margin:.3rem 0rem 0rem;color:#858525}.edu-details{color:#cac8c8;text-align:left;margin:.4rem 1rem 0rem 0rem}.dae,.matric,.bsse{margin:.7rem 0rem 0rem}*{font-family:Times New Roman,Times,serif}.projects{width:100%;height:60%;display:flex;flex-direction:column}.p-title{margin:1rem 0rem 0rem 2rem;width:100%;display:flex}.p-title h3{margin:0rem;text-decoration:underline;text-decoration-color:#b3b31a}.g-title{margin-top:3rem}.li{width:100%;height:32%;display:flex}ul{margin-left:1.5rem;text-align:left;color:#d3d2d2;list-style-type:circle}.skills-title{height:2rem;margin:.5rem 0rem 0rem 1rem;display:flex;justify-content:flex-start;align-items:center}.skills-title h2{margin:0rem 0rem 0rem .6rem;text-decoration:underline;text-decoration-color:#ff0;text-decoration-thickness:.05rem}.skills-zone{width:54rem;height:100%;margin-left:2rem;display:flex;justify-content:space-around}.skill{display:flex;flex-direction:column;justify-content:center;align-items:center}.skill h4{margin:0rem}.skill-icon{margin:.5rem 0rem 0rem;width:1.5rem;height:1.5rem}@media(min-width:320px)and (max-width:600px){.li{height:68%;line-height:1.17rem}.skills-title{margin:0}.space{height:5rem;width:100%}.g-title{margin-top:0rem}.p-title{margin-left:1.5rem}.projects{height:80%}.skills-zone{width:80%;height:70%;margin-left:1.5rem;display:flex;justify-content:space-evenly;flex-wrap:wrap}ul{margin-left:0}li{margin-right:.7rem}}.cert{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:space-around}.blocks{width:15rem;height:10.8rem;border:2px solid transparent;border-radius:2rem;margin-top:2rem}.img{width:15rem;height:78%;border:.1rem solid black}img{width:100%;height:100%;border-radius:.4rem}.c-name{background-color:#242222;height:22%;border-radius:.3rem}h4{margin:0rem .2rem;text-align:left}.spaces{display:none}@media(min-width:320px)and (max-width:600px){.blocks{margin-top:.5rem}.spaces{display:block;width:10rem;height:4rem}}.contact-main{height:100%;width:100%;display:flex;align-items:center;justify-content:flex-end;background:url(./contact-DC4nrxel.jpg);background-size:contain;background-color:#000c;background-blend-mode:darken}.contact-main img{width:100%;height:100%}.form{background-color:#220c3799;width:35%;height:70%;border:.1rem solid blue;border-radius:1rem;margin-right:4rem;display:flex;flex-direction:column;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}input{padding-left:.3rem;padding-right:.3rem}.inp{margin:0rem;height:3rem;width:100%;display:flex;justify-content:center;align-items:center}.form input{margin-left:1rem;width:70%;height:2rem;border:1.5px solid blue;border-radius:.6rem}.form textarea{margin-left:.4rem;width:90%;margin-right:.6rem;border:1.5px solid blue;border-radius:.6rem;resize:none;padding-left:.3rem;padding-right:.3rem;font-size:medium;margin-top:.5rem}.form label{font-size:larger;font-weight:700}.contact-msg{height:50%}.contact-btn{margin-top:1rem}.form button{width:95%;height:2.5rem;background-image:linear-gradient(#00f,#220c37)}.form button:hover{background-image:linear-gradient(#220c37,#00f)}.form button:focus{background-image:linear-gradient(#00f)}.msg{display:flex;justify-content:flex-start;align-items:center}@media(min-width:320px)and (max-width:600px){.form{position:relative;top:-25rem;background-color:#220c3799;width:100%;height:25%;border:.1rem solid rgb(77,77,226);margin:0rem;z-index:0}.contact-main{background:none;background-color:#000c}}