@import url(https://fonts.googleapis.com/css2?family=Oleo+Script&family=Open+Sans:ital,wght@0,300;0,400;0,600;1,700&family=Roboto:wght@100;400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap);.white{color:#e3e3e3}.mutedgrey{color:#b1b1b1}.yellow{color:#ffd300}.green{color:#2fcf7e}.pink{color:#f0346a}.purple{color:#a15def}.orange{color:#df642a}.blue{color:#1499ff}.teal{color:#00b8a8}html{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scroll-behavior:smooth}body{margin:0;padding:0;font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;background-color:#1a1d22;color:#e3e3e3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:"Montserrat",sans-serif;font-weight:700;margin:10px 0}a{text-decoration:none;color:#e3e3e3}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;font-size:14px;padding-left:3px;color:#b1b1b1}code span{color:#ffd300}.name{font-size:80px;color:#f0346a}h1{font-size:60px}h2{font-size:50px}h3{font-size:44px;font-weight:400;color:#2fcf7e}h4{font-size:30px}h5{font-size:22px;font-weight:200}p{color:#b1b1b1;line-height:1.2;font-size:16px}.main{margin:0 0 0 3.5em;transition:background 1.5s ease-in-out cubic-bezier(.51,-.24,.18,1.28) .2s;width:calc(100vw - 3.5em);height:100vh}.flex{display:flex}.container{margin:auto;padding:20px;width:800px}.container h3:last-of-type{color:#2fcf7e}.page{height:70vh;width:80vw;margin-right:5.5em}.container and .flex{justify-content:center}.height-full{height:100vh}.scroll{padding:10px;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.scroll::-webkit-scrollbar{display:none}.heading{text-align:left}nav{width:3.5em;height:100vh;position:fixed;background-color:#131519;justify-content:center}nav ul{margin:0;padding:0;flex-direction:column}nav div{height:40px}nav div .vline{border-right:1px dashed #4b4f56;width:49%}nav ul{align-self:center}nav a{margin:10px auto;font-family:"Montserrat",sans-serif;transition:.6s ease;cursor:pointer}nav a,nav a svg{font-size:1.2em}nav a:hover:first-child{font-size:1.25em;color:#f2bea6}nav a:hover:nth-of-type(2){font-size:1.25em;color:#ffec8f}nav a:hover:nth-of-type(3){font-size:1.25em;color:#a3eac6}nav a:hover:nth-of-type(4){font-size:1.25em;color:#48ffef}nav a:hover:last-child{font-size:1.25em;color:#a3d7ff}nav .active{font-size:1.8em;margin:20px auto;transition:.6s ease}nav .active:hover{font-size:1.8em!important;cursor:none}nav .active:first-child{color:#df642a}nav .active:nth-of-type(2){color:#ffd300}nav .active:nth-of-type(3){color:#2fcf7e}nav .active:nth-of-type(4){color:#00b8a8}nav .active:last-child{color:#1499ff}div .nav-right{width:3.5em;height:100vh;position:fixed;right:0;color:#4b4f56}div .nav-right ul{margin:0;padding:0;flex-direction:column}div .nav-right div{height:40px}div .nav-right div .vline{border-right:1px dashed #4b4f56;width:49%}div .nav-right ul{width:inherit;align-self:flex-end;justify-content:center;margin-bottom:2em}div .nav-right ul .email{-webkit-transform:rotate(90deg);transform:rotate(90deg);list-style:none;font-size:12px}div .nav-right ul .email:hover{transition:.6s ease;color:#969ba4;cursor:none}div .nav-right ul a{padding:0;font-size:24px;align-self:center;margin:12px auto;color:inherit}div .nav-right ul a:hover{transition:.4s ease;color:#cdcfd3;cursor:none}div .nav-right ul a:first-of-type{margin-top:160px}div .nav-right ul div{height:50px;padding-top:10px}.card-container{width:350px;height:380px;margin:20px;transition:.8s ease-in-out}.card-container:last-of-type{padding-right:50px}.card-container:hover li,.card-container:hover p{color:#1a1d22}.card-container:hover .card{transition:.8s ease-in-out;top:-5px;left:-5px;border:3px solid #f0346a;background-color:rgba(242,145,173,.8)}.card-container:hover .shadow{transition:.8s ease-in-out;bottom:330px;left:20px;border:1px solid #4b4f56;background-color:#131519}.card{top:0;left:0;border:1px solid #f0346a;border-radius:5px;z-index:10;background-color:#131519}.card,.shadow{position:relative;width:300px;height:350px}.shadow{margin-right:20px;z-index:3;border:3px solid #f4638d;border-radius:5px;bottom:340px;left:15px}.card-body{padding:6px 14px}.card-body li,.card-body p{font-size:14px}.card-body li{list-style:circle}.card-body h6{font-size:16px;margin:12px auto 5px}.card-header{height:40px;justify-content:space-between;align-content:center}.card-header h5{font-size:20px;margin:auto 0}.card-header .links{justify-content:space-evenly}.card-header .links a{font-size:24px;margin:auto 5px}.card-header .links a:hover{transition:.6s ease-in-out;color:#131519}.pageno{font-size:20px;font-weight:100}.tech{margin-top:30px}.tech h5{color:#00b8a8}.about{justify-content:space-between;align-content:flex-end}.about h1{align-self:flex-end}.about .profile{z-index:10;background:cover;width:160px;height:160px;border-radius:50%;-webkit-filter:opacity(80%) grayscale(50%);filter:opacity(80%) grayscale(50%)}.about .profile:hover{transition:.6s ease-in-out;-webkit-filter:none;filter:none}.skills{width:inherit;align-content:center;display:flex;flex-wrap:wrap}.skills div{width:100px;padding:5px;display:flex;justify-content:center;margin:5px 20px;transition:.6s ease;color:#4b4f56}.skills div:hover{cursor:none}.skills div:hover code{color:#e3e3e3}.skills div:hover .fa-js-square{transition:1s ease;color:#ffd300}.skills div:hover .fa-react{transition:1s ease;color:#00b8a8}.skills div:hover .fa-bootstrap{transition:1s ease;color:#a15def}.skills div:hover .fa-leaf,.skills div:hover .fa-node-js{transition:1s ease;color:#2fcf7e}.skills div:hover .fa-html5{transition:1s ease;color:#df642a}.skills div:hover .fa-css3{transition:1s ease;color:#1499ff}.skills div:hover .fa-database{transition:1s ease;color:#a15def}.skills div:hover .fa-python{transition:1s ease;color:#00b8a8}.skills svg{font-size:16px;margin-right:5px}.footer{position:absolute;bottom:10px;left:5em}.footer p{font-size:10px;margin:2px auto}.contact{text-align:center}.contact p{margin-top:40px;margin-bottom:30px}.button{margin:0 auto;width:140px;padding:14px;border:1px solid #f0346a;border-radius:5px}.button:hover{transition:.8s ease;color:#fff;background-color:rgba(240,52,106,.4)}@media screen and (max-width:768px){body,nav{height:device-height}.name{font-size:50px}h1{font-size:36px}h2{font-size:34px}h3{font-size:28px}h4{font-size:24px}h5{font-size:20px}p{font-size:12px}.about .profile{width:80px;height:80px}.container{padding:20px 50px 20px 20px}.skills{overflow:scroll;scrollbar-width:none;-ms-overflow-style:none;display:block}.skills::-webkit-scrollbar{display:none}.skills div{justify-content:left}.skills div code{font-size:12px}.scroll{width:73vw;padding:20px 0}.card-container{width:250px;margin:0 30px 0 0}.card-container:hover .card{transition:.8s ease-in-out;top:-5px;border:3px solid #f0346a;background-color:rgba(242,145,173,.8)}.card-container:hover .shadow{transition:.8s ease-in-out;bottom:288px;left:15px;border:1px solid #4b4f56;background-color:#131519}.card-header{text-align:center;font-size:18px;display:block}.card-header .links{margin-top:10px}.card{width:250px;height:300px;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:10px}.card::-webkit-scrollbar{display:none}.shadow{width:250px;height:300px;bottom:298px;left:5px}.card-body p{margin-top:50px}.card-body li,.card-body p{font-size:12px}}#scroll-icon{margin-top:15vh;display:flex;justify-content:center;-webkit-animation:bounceAlpha 1.8s linear infinite;animation:bounceAlpha 1.8s linear infinite}#rotate{-webkit-animation:rotate360 4s linear infinite;animation:rotate360 4s linear infinite}@-webkit-keyframes bounceAlpha{0%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}25%{opacity:0;-webkit-transform:translateY(10px) scale(.9);transform:translateY(10px) scale(.9)}26%{opacity:0;-webkit-transform:translateY(-10px) scale(.9);transform:translateY(-10px) scale(.9)}55%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes bounceAlpha{0%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}25%{opacity:0;-webkit-transform:translateY(10px) scale(.9);transform:translateY(10px) scale(.9)}26%{opacity:0;-webkit-transform:translateY(-10px) scale(.9);transform:translateY(-10px) scale(.9)}55%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@-webkit-keyframes rotate360{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate360{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.d3c87155.chunk.css.map */