*{padding:0;box-sizing:border-box}*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#010111}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root,.main-layout{width:100%;height:100vh}.main-layout{display:flex;background:#010111}.main-content{flex-grow:1;min-height:100%}.openNav{background-color:transparent;position:fixed;top:1rem;left:1.5rem;z-index:10}.open-btn{font-size:36px;color:#40e0d0;border:none}.face,.open-btn{background-color:#010111}.face{width:100%;height:100vh;overflow:hidden;text-align:right}.nickname{color:hsla(0,0%,100%,.068);position:fixed;right:1rem;top:50%;font-size:120px;font-weight:900;letter-spacing:1rem;transform:translateY(-50%) rotate(90deg);-webkit-transform:translateY(-50%) rotate(90deg)}.intro{max-width:1240px;width:100%;margin:0 auto;color:#333;text-align:center;z-index:1;color:#fff;padding-top:15rem}.para1{font-size:2rem}b{color:#40e0d0;font-size:4rem;letter-spacing:1rem;text-align:center}.role{position:absolute;width:100%;color:#0ff;font-size:2rem;margin:20rem auto;word-spacing:2rem;text-align:right;left:-12rem}hr{width:60%;height:2px;border:none;background-color:#40e0d0;margin:1rem auto auto}.sidenav{max-width:450px;width:100%;height:100vh;padding-top:20px;position:-webkit-sticky;position:sticky;top:0;bottom:0;z-index:100;transition:.5s ease;background-color:#010111;box-shadow:2px 0 2px 3px #222;display:flex;flex-direction:column;align-items:center;overflow:hidden}@media (max-width:960px){.sidenav{position:fixed}}.nav-closed{width:0}.sidenav a{color:hsla(0,0%,100%,.5);transition:color .25s}.sidenav.nav-closed a{color:hsla(0,0%,100%,0)}.navlinks .icon{color:#0ff}.link{color:#555;margin:30px;text-decoration:none;display:block;font-weight:500}.link:hover{color:#fff;transition:.5s ease;transform:translateX(5px);-webkit-text-decoration:2px underline;text-decoration:2px underline}.socials{margin-top:220px;margin-right:40px;transform:translateY(5px)}.sm-links{width:20px;height:20px;margin:20px;display:block}.sm-links:hover{width:40px;height:40px;transform:translateY(5px);transition:.5s ease}.closeNav{font-size:22px;color:#40e0d0;background-color:transparent;border:none;top:0;margin-left:300px}.about{margin-top:5rem;font-size:1.7rem;color:#fff;text-align:center;padding-left:-10rem}.title{color:#0ff;text-align:right;padding-top:2rem;padding-right:5rem}.skills{display:flex;color:#40e0d0;font-size:1.5rem;text-align:center;margin-left:10rem;margin-top:2rem}.skills p{padding-top:2rem}.logo{width:60px;height:60px;margin:15px}.dotnet{width:100px}.range-container{width:70%;margin-top:2rem;margin-left:10rem}label{font-size:1.5rem;color:#fff}.myRange{display:block;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:50%;height:22px;background-color:#40e0d0;outline:none;opacity:.7;transition:opacity 2s;-webkit-transition:.2s;margin:auto;border-radius:25px}.myRange:hover{opacity:1}.myRange::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;background-color:#fff;cursor:pointer;border-radius:50%}.myRange::-moz-range-thumb{width:25px;height:25px;background-color:#fff;cursor:pointer}Slider{height:0%}.slide-img{width:50rem;height:30rem;object-fit:contain}.slide-btn{padding:10px 18px;margin:5px;background-color:#0ff;color:#fff;border:none;outline:none;font-size:1rem;font-weight:500}.slide-btn:hover{background:none;outline:2px solid #0ff}.projects{width:100%}.project-title{color:#0ff;text-align:right;padding-top:2rem;padding-right:5rem}.works{width:80%;color:#fff;font-size:1.5rem;margin:3rem auto}.works p{margin:auto;text-align:center}.copytext{color:#0ff;font-size:1rem;text-align:left;margin:-7rem 0 0 -25rem;padding-bottom:3rem}.contact{width:100%;height:100%}.contact-title{color:#0ff;text-align:right;padding-top:2rem;padding-right:5rem}.contact-para{width:70%;font-size:1.5rem;color:#fff;text-align:center;margin:10rem auto 0}.butn{text-align:center;margin:2rem}.contact-btn,.mail-link{padding:18px 36px;outline:2px solid #0ff;border:none;font-size:1rem;background-color:transparent;text-decoration:none;color:#0ff;font-weight:500}.contact-btn{outline:none}button .contact-btn{text-align:center}.mail-link:hover{background-color:#0ff;color:#fff;outline:none}.contact-btn:focus{outline:none}
/*# sourceMappingURL=main.95493fbd.chunk.css.map */