@import url(https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@500&display=swap);:root{--bg-color:#f3f2ef80;--bg-cont-color:#f3f2ef80;--dark-color:#21252b;--text-color:#21252b}[data-theme=dark]{--bg-color:#21252b;--bg-cont-color:#21252b80;--text-color:#fff;--text-color-second:#21252b;--dark-color:#21252b}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.nav,body{display:flex}.nav{align-items:stretch;background-color:#f3f2ef80;background-color:var(--bg-color);color:#21252b;color:var(--text-color);gap:2rem;justify-content:center;padding:0 1rem}.nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.nav a{color:inherit;height:100%;padding:10px;text-decoration:none}.nav a,.site-title{align-items:center;display:flex}.site-title{flex-direction:row;font-size:40px}.header{justify-content:center}.app-logo{height:80px}.nav li.active{background-color:#555}.nav li:hover{background-color:#777}.container{text-align:center}.nav,.nav ul{flex-direction:column}.hamburger span{margin:3px 0;width:25px}@media (max-width:900px){.nav ul{display:none;flex-direction:column;gap:.5rem}.hamburger,.nav ul.active{display:flex}.hamburger{cursor:pointer;margin:1rem}.nav li{text-align:center;width:100%}.nav a{padding:15px 20px;width:100%}.nav li.active,.nav li:hover{background-color:#777}}@media (min-width:900px){.nav,.nav ul{flex-direction:row}}.hamburger{cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;margin:1rem;width:30px}.hamburger span{background-color:#21252b;background-color:var(--text-color);display:block;height:3px;width:100%}@media (max-width:900px){.hamburger{display:flex}}.toggleThemeButton,body{background-color:#f3f2ef80}.toggleThemeButton{align-items:center;background-color:var(--bg-color);border:1px solid #21252b;border:1px solid var(--text-color);border-radius:20px;color:#f3f2ef80;color:var(--bg-color);display:flex;justify-content:center;margin-right:10px;margin-top:10px}.toggleThemeIcon{height:40px;padding:5px 20px}.top-header{background-color:#f3f2ef80;background-color:var(--bg-color);display:flex;justify-content:space-between}.footer{align-items:center;background-color:#f3f2ef80;background-color:var(--bg-cont-color);border-top:1px solid #f3f2ef80;border-top:1px solid var(--bg-color);bottom:0;color:#21252b;color:var(--text-color);display:flex;flex-direction:column;flex-shrink:0;height:6%;justify-content:center;position:fixed;width:100%}.footerIcon{height:30px;margin:0 10px 0 0;padding:0}.footer div{margin:0;padding:0}.footer p{margin:20px 0 0;padding:0}.App{text-align:center}.App-logo{height:200px;pointer-events:none}.App-link{color:#61dafb}.header{display:flex;flex-direction:row;text-align:center}.skills-container{display:flex;flex-wrap:wrap;justify-content:center;padding:2em 8em}.skill{align-items:center;animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromDown;background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;justify-content:space-between;margin:1em;padding:1em;width:200px}.skill-image{height:auto;margin-bottom:1em;max-width:100%;width:100px}.skill-label{display:flex;flex-direction:column;justify-content:space-between;width:100%}@media only screen and (max-width:600px){.skills-container{padding:1em}.skill{margin:.5em 0;width:100%}}.skill-name{display:block;padding-bottom:.5em;position:relative;width:100%}.about-container{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;margin:0;min-height:100vh;overflow-x:hidden;padding:0}.about-container,.about-row{align-items:center;display:flex;justify-content:space-around;width:100%}.about-row{flex-direction:row;margin:40px 0 0}.about-row img{border-radius:20px;width:30%}.about-row div{font-size:24px;width:45%}.leftslide{animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromLeft}.rightslide{animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromRight}@media (max-width:900px){.about-row{flex-direction:column}.about-row div{width:80%}.about-row div p{margin:15px 0!important}.about-row img{width:80%}.about-row:nth-of-type(2),.about-row:nth-of-type(4){flex-direction:column-reverse!important}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Red Hat Display,sans-serif;font-size:13px}.container,body{background-color:var(--bg-color);margin:0;min-height:100vh;padding:0}.container{align-items:center;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;overflow-x:hidden;width:100%}.profile-wrapper{animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromRight;margin:15px 0;width:80%}.profile,.profile-wrapper{background-color:var(--bg-cont-color)!important;height:700px;position:relative}.profile{align-items:center;border-radius:16px;box-shadow:0 5px 18px #0009;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:.5s;width:100%}.profile .profile-image{background-color:var(--bg-cont-color)!important;background-color:var(--bg-color);height:100%;left:0;position:absolute;top:0;transition:.5s;width:100%;z-index:2}.profile-image img{height:80%;object-fit:contain;width:90%}.profile-image-react{height:50%!important;margin-top:20%;object-fit:contain;width:50%!important}.profile:hover img{opacity:.4;transition:.5s}.profile:hover .profile-image{transform:translateY(-224px);transition:all .9s}.profile-bio{color:var(--text-color)}.profile:hover .profile-bio{color:var(--dark-color);opacity:.9}.social-icons{bottom:284px;display:flex;gap:12px;position:absolute;z-index:3}.social-icons li{list-style:none}.social-icons li a{background:#fff;border:1px solid #cdcdcd;border-radius:4px;display:block;display:grid;font-size:23px;font-weight:700;height:40px;opacity:0;place-items:center;position:relative;transform:translateY(32px);transition:.2s;width:40px}.social-icons li a:hover{background:var(--background);transition:.2s}.social-icons li a svg{color:var(--text-color);transition:.2s}.social-icons li a:hover svg{color:var(--text-color);transform:rotateY(1turn);transition:.8s}.profile:hover .social-icons li a{opacity:1}.profile:hover li:first-child a{transition-delay:.1s}.profile:hover li:nth-child(2) a{transition-delay:.2s}.profile:hover li:nth-child(3) a{transition-delay:.3s}.profile:hover li:nth-child(4) a{transition-delay:.4s}.profile-name{background:var(--background);bottom:0;color:#000;height:224px;left:0;padding:16px;position:absolute;text-align:left;width:100%;z-index:4;z-index:1}.profile:hover .profile-name{background-color:#fff}.profile-name h2{margin-bottom:8px}.header-div{color:var(--text-color);display:flex;justify-content:center}h2{margin-top:10px}@media (min-width:900px){.profile-wrapper{margin:15px 40px;width:60%}.header-div{display:none}}@media (min-width:740px){body{font-size:17px}}@media (min-width:769px){.profile-wrapper{margin:15px 40px;width:60%}body{font-size:16px}}@media (min-width:510px){body{font-size:15px}}@media (min-width:1100px){.container{flex-direction:row;justify-content:space-around}.profile-wrapper{margin:15px 40px;width:60%}.header-div{display:none}body{font-size:12px}}@media (min-width:1300px){body{font-size:14px}}@media (min-width:1600px){body{font-size:16px}}@keyframes slideInFromDown{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.onecard-profile-wrapper{animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromRight;height:700px;margin:15px 0;position:relative;width:80%}@media (min-width:600px){.onecard-profile-wrapper{margin:15px 40px;width:60%}}@media (min-width:900px){.onecard-profile-wrapper{margin:15px 40px;width:50%}}@media (min-width:1200px){.onecard-profile-wrapper{margin:15px 40px;width:40%}}@media (min-width:1500px){.onecard-profile-wrapper{margin:15px 40px;width:29%}}
/*# sourceMappingURL=main.91115a1e.css.map*/