:export{sm:600px;md:768px;lg:1024px;xl:1200px}.navbar{position:fixed;background-color:#000920;box-shadow:10px 2px 9px 15px #000920}.navbar a{color:#fff;margin-right:40px;transition:.3s;opacity:1;animation:SlideBottom .5s ease}.navbar a:hover{cursor:pointer;color:#0ef}.navbar .navbar-brand{position:relative;margin-left:40px;font-weight:600;font-size:25px;opacity:0;animation:slideRight 1s ease forwards}.navitem{justify-content:space-between}.navbar .current{border-color:#00000056;color:#0ef;text-decoration:dashed}#project-title{margin-left:10svw}.project-item{display:flex;justify-content:space-around;flex-wrap:wrap;margin-bottom:10px;width:120%}.project-item img{margin-top:5px;width:auto;height:45vh}.project-item .card{background-color:#0000008a;align-items:center;color:#fff}.project-item .card-body{background-color:transparent}.project-item .card-body button{transition:.3s ease-in}.project-item .card-body button:hover{background-color:#0ef;box-shadow:1px 1px 11px 2px #0ef}.project-item .item-description{width:100%;padding-top:4%;padding-bottom:7%}.project-item .item-description button{margin-left:8svw}.project-item .item-description button:hover{background-color:#0ef}.title{text-align:center;text-transform:uppercase}.image{display:flex;transition:.3s;opacity:1;animation:SlideTop .5s ease}.author-description{margin:0% 2% 0;text-align:justify}.about-me{animation:slideLeft 1s ease forwards}.author-details{position:relative;top:15%;bottom:50%}.sized-box{padding-top:1%;padding-bottom:1%}.form-control{background-color:#000920!important;color:#fff!important;font-weight:500!important}.form-control::placeholder{color:#839899}.form-row{display:flex}.title{animation:slideRignt;font-size:32px;font-weight:700}.spinner{animation-name:spin;animation-duration:.5s;animation-iteration-count:infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideLeft{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes SlideBottom{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes SlideTop{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}.footer{margin-top:1%;padding:5% 5% 8%;background-color:#add8e6;text-align:center}.typewriter-span{color:#0ef}.author-name{display:flex;justify-content:space-between;animation:slideRight 1s ease forwards}.author-name h3{font-weight:700}.author-name h1{font-weight:700;animation:slideRight 1s ease forwards}.footer-text{color:#732525;font-size:small;font-weight:600;font-style:italic}.social-media{margin:5% 20% 0;display:flex;justify-content:space-evenly}.rotate-icon{animation:rotate 3s linear .5s infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@media screen and (min-width: 600px) and (max-width: 1024px){.project-items{display:grid;grid-template-columns:repeat(2,auto);column-gap:6svw;row-gap:6svw;width:fit-content;margin-left:7svw}.change-image-size{height:40svw!important;width:40svw!important;padding:1svw}.project-item{width:fit-content;padding-bottom:1svw;border:2px solid #0e9;border-radius:2svw;box-shadow:0 0 10px 8px red;margin-bottom:0}#project-title{margin:0 0 0 1svw}.project-button{margin:.8svw 0 0 1svw}.skill-grid{display:grid;padding:0;grid-template-columns:repeat(2,auto);justify-content:center;row-gap:3svw;column-gap:3svw;margin:1.5svw 0 6svw}.skill-category{background-color:#020301;display:grid;grid-template-columns:repeat(2,20svw);color:#fff;border-radius:6svw;padding:0 1.5svw}.skills{animation:slideLeft 1s ease forwards}.skill-heading{grid-column-start:1;grid-column-end:span 2;justify-content:center;display:flex;flex-wrap:wrap;margin:0;font-size:2.8svw;padding:2svw 0}.skill-name{padding-bottom:1svw;margin:0 0 0 -3.5svw;display:flex;justify-content:center;font-size:2.5svw;color:#fff}.skill-icon{margin-left:5svw;width:6svw}.skill-icon:hover{transform:scale(1.15)}.foreground-image{position:relative;z-index:2}.background-image{position:absolute;transform:scale(1.05);opacity:1;z-index:1;margin-left:-6svw;filter:blur(1.5svw);-webkit-user-select:none;user-select:none}.author-name{margin-left:2svw;width:80svw}.image img{width:18vw;height:18vw;border-radius:90svw}}@media screen and (min-width: 1024px){.author{padding:7svw 7svw 0svw 8svw}.author-name{justify-self:center;margin-left:0;width:67.2svw}.author-name h3{font-size:32px}.author-name h1{font-size:56px}.author-description{margin:1svw 0 0;text-align:justify}.about-me{width:80%;font-size:18px;justify-self:center;font-family:Times New Roman,Times,serif;animation:slideLeft 1s ease forwards}.image{margin:0}.image img{border-radius:50%;box-shadow:2px 2px 2px 2px #03030370;width:150px;height:150px}.project-items{display:grid;grid-template-columns:repeat(3,min-content);column-gap:4svw;row-gap:4svw;width:fit-content;margin-left:16svw}.change-image-size{height:20svw!important;width:20svw!important;padding:1svw}.project-item{width:fit-content;padding-bottom:1svw;border:2px solid #0e9;border-radius:2svw;box-shadow:0 0 10px 8px red;margin-bottom:0}#project-title{margin:0 0 0 1svw}.project-button{margin:.8svw 0 0 1svw}.form-components{margin:0 20svw}.form-components textarea,.form-components input{margin:0 16svw;width:50%;padding:3% 1%}.form-components button{margin:0 16svw}.footer{margin-top:3svw;padding:3.5% 3% 3%}.footer-text{font-size:x-large}.social-media{margin:2% 36% 0}.skill-grid{display:grid;padding:0;grid-template-columns:repeat(2,auto);justify-content:center;row-gap:2svw;column-gap:2svw;margin:1.5svw 0}.skill-category{background-color:#020301;display:grid;grid-template-columns:repeat(3,10svw);color:#fff;border-radius:2svw}.skills{animation:slideLeft 1s ease forwards}.skill-heading{grid-column-start:1;grid-column-end:span 3;justify-content:center;display:flex;flex-wrap:wrap;margin:0;font-size:1.75svw;padding:1svw 0}.skill-name{padding:0 0 1svw;margin:0;display:flex;justify-content:center;color:#fff}.skill-icon{margin:0 0 0 3.25svw;width:3.5svw}.skill-icon:hover{transform:scale(1.15)}.foreground-image{position:relative;z-index:2}.background-image{position:absolute;transform:scale(1.05);opacity:1;z-index:1;margin-left:-3.5svw;filter:blur(15px);-webkit-user-select:none;user-select:none}}@media screen and (orientation: landscape){.footer-text{font-size:large}.social-media{margin:3% 35% 0}}@media screen and (width < 1024px){.author{margin-top:5svw}.about-me{margin-top:3svw;font-size:15px}.footer{margin-top:5svw}.form-components input,.form-components textarea{width:85svw;margin-left:7.8svw}.form-components button{margin-left:7.8svw}}@media screen and (min-width: 600px) and (width < 768px){.project-item{width:100%;border:2px solid #0e9;border-radius:2svw;box-shadow:0 0 10px 8px red;margin-bottom:0;padding:1svw}.project-items{display:grid;grid-template-columns:repeat(2,auto);column-gap:6svw;row-gap:6svw;margin:0 5svw}#project-title{margin:1.5svw 1svw}.project-button{margin:0 1svw}.change-image-size{height:40svw!important;width:40svw!important;margin-bottom:1svw}}@media screen and (width < 600px){.project-item{width:90svw;border:2px solid #0e9;border-radius:4svw;margin-bottom:4svw;margin-left:5svw;padding:1svw 1svw 2svw}#project-title{margin:1.5svw 0svw}.project-button{margin:0}.change-image-size{border:1px solid black;width:80svw!important;margin-bottom:1svw}.skill-grid{display:grid;padding:0;grid-template-columns:repeat(2,auto);justify-content:center;row-gap:1svw;column-gap:1svw;margin:1.5svw 0 8.5svw}.skill-category{background-color:#020301;display:grid;grid-template-columns:repeat(2,23svw);color:#fff;border-radius:6svw;padding:0 1.5svw}.skills{animation:slideLeft 1s ease forwards}.skill-heading{grid-column-start:1;grid-column-end:span 2;justify-content:center;display:flex;flex-wrap:wrap;margin:0;font-size:3.5svw;padding:2svw 0}.skill-name{padding-bottom:1svw;margin:0;display:flex;justify-content:center;font-size:3.5svw;color:#fff;margin-left:-2svw}.skill-icon{margin-left:5svw;width:10svw}.skill-icon:hover{transform:scale(1.15)}.foreground-image{position:relative;z-index:2}.background-image{position:absolute;transform:scale(1.05);opacity:1;z-index:1;margin-left:-10svw;filter:blur(1.5svw);-webkit-user-select:none;user-select:none}.author-name{margin-left:2svw}.author-name h1{font-size:8svw;width:fit-content}.author-name h3{font-size:5svw}.image{justify-content:flex-end}.image img{border-radius:50%;width:25svw;height:25svw;box-shadow:2px 2px 2px 2px #03030370}.title{font-size:7svw}}#root{font-family:poppins,sans-serif;line-height:2;font-weight:500;font-size:large;width:100%;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{-webkit-user-select:none;user-select:none}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;background-color:#000920;display:flex;place-items:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}