@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);@import url(https://fonts.googleapis.com/css2?family=Outfit&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css);*{box-sizing:border-box;font-family:Poppins,sans-serif;list-style:none;margin:0;padding:0;scroll-behavior:smooth;scroll-padding-top:2rem;text-decoration:none}.nav-resume-button{border:none;border-radius:10px;bottom:5px;cursor:pointer;height:30px;margin-left:20px;overflow:hidden;position:relative;transition:all .5s ease-in-out;width:100px}.nav-resume-button:hover{box-shadow:.5px .5px 150px #252525}.type1:after{background-color:#311b92;color:#fff;content:"Thanks 🤝";-webkit-transform:translateY(50px);transform:translateY(50px)}.type1:after,.type1:before{align-items:center;display:flex;font-size:.8rem;font-weight:600;height:30px;justify-content:center;left:0;position:absolute;top:0;transition:all .5s ease-in-out;width:100px}.type1:before{background-color:#fff;color:teal;content:"⬇️ Resume"}.type1:before,.type1:hover:after{-webkit-transform:translateY(0) scale(1.2);transform:translateY(0) scale(1.2)}.type1:hover:before{-webkit-transform:translateY(-50px) scale(0) rotate(120deg);transform:translateY(-50px) scale(0) rotate(120deg)}.active-nav-resume-button{border:none;border-radius:10px;bottom:5px;cursor:pointer;height:30px;margin-left:20px;overflow:hidden;position:relative;transition:all .5s ease-in-out;width:100px}.active-nav-resume-button,.active-nav-resume-button:hover{box-shadow:.5px .5px 150px #252525}.active-type1:after{background-color:#0e4166;color:#fff;content:"Thanks 🤝";-webkit-transform:translateY(50px);transform:translateY(50px)}.active-type1:after,.active-type1:before{align-items:center;display:flex;font-size:.8rem;font-weight:600;height:30px;justify-content:center;left:0;position:absolute;top:0;transition:all .5s ease-in-out;width:100px}.active-type1:before{background-color:#fff;color:teal;content:"⬇️ Resume"}.active-type1:before,.active-type1:hover:after{-webkit-transform:translateY(0) scale(1.2);transform:translateY(0) scale(1.2)}.active-type1:hover:before{-webkit-transform:translateY(-50px) scale(0) rotate(120deg);transform:translateY(-50px) scale(0) rotate(120deg)}.scroll-to-top-button{align-items:center;background-color:#0e4165;border:none;border-radius:50%;bottom:20px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:0;position:fixed;right:20px;transition:opacity .3s,visibility .3s;visibility:hidden;width:40px}.scroll-to-top-button.visible{opacity:1;visibility:visible}.scroll-to-top-button:hover{background-color:#555}.scroll-to-top-button:focus{outline:none}.scroll-to-top-button:before{font-size:16px;font-weight:900}.icon-up{height:30px;width:30px}.mob-menu{background:#63c0d3;background:linear-gradient(90deg,#63c0d3 28%,#3a7dce);height:30px;padding-left:10px}.mob-menu>a{color:#a8dff1}.About-div{padding-top:60px}.about-me{font-family:Poppins,sans-serif;font-weight:700;text-align:center}.image-des{display:flex;margin:30px auto auto;width:80%}.image-des>div>img{border:2px solid #000;border-radius:2rem;box-shadow:0 3px 8px rgba(0,0,0,.24);margin-right:50px;width:300px}.image-des>div>p{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:300;line-height:1.3rem;margin-left:10px;margin-top:30px;text-align:justify}.download-button{border-radius:4px;border-width:0;color:#fff;font-size:15px;font-weight:600;position:relative;z-index:1}.download-button .docs{align-items:center;background-color:#242a35;border:1px solid #e8e8e82d;border-radius:4px;display:flex;gap:10px;justify-content:space-between;min-height:40px;padding:0 10px;transition:all .5s cubic-bezier(.77,0,.175,1);z-index:1}.resume-button{margin:30px auto auto;width:150px}.download-button:hover{box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09)}.download{align-items:center;background-color:#01e056;border:1px solid #01e0572d;border-radius:4px;display:flex;inset:0;justify-content:center;margin:0 auto;max-width:90%;position:absolute;-webkit-transform:translateY(0);transform:translateY(0);transition:all .5s cubic-bezier(.77,0,.175,1);z-index:-1}.download-button:hover .download{-webkit-transform:translateY(100%);transform:translateY(100%)}.download svg line,.download svg polyline{-webkit-animation:docs 1s infinite;animation:docs 1s infinite}@-webkit-keyframes docs{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15%);transform:translateY(-15%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes docs{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15%);transform:translateY(-15%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:767px){.image-des{display:block;margin:20px auto auto;width:85%}.image-des>div:first-child{display:flex;justify-content:center;width:100%}.image-des>div>img{width:200px}.image-des>div:nth-child(2){display:flex;flex-direction:column;justify-content:center;width:100%}.image-des>div:nth-child(2)>p{font-size:1rem;line-height:normal;padding-right:10px}.resume-button{margin:30px auto auto;width:120px}}.Contact-maindiv{margin-top:100px}.contact{align-items:center;display:flex;justify-content:space-around;margin:30px auto auto;width:80%}.contact-card{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;padding:20px;width:400px}.contact-title{font-size:24px;font-weight:600;text-align:center}.contact-form{display:flex;flex-direction:column;margin-top:20px}.contact-group{position:relative}.contact-form .contact-group label{background-color:#fff;color:#636666;font-size:14px;left:10px;position:absolute;top:-10px;transition:all .3s ease}.contact-form .contact-group input,.contact-form .contact-group textarea{background-color:initial;border:1px solid rgba(0,0,0,.2);border-radius:5px;margin-bottom:20px;outline:0;padding:10px;width:100%}.contact-form .contact-group input:placeholder-shown+label,.contact-form .contact-group textarea:placeholder-shown+label{background-color:initial;top:10px}.contact-form .contact-group input:focus,.contact-form .contact-group textarea:focus{border-color:#36c}.contact-form .contact-group input:focus+label,.contact-form .contact-group textarea:focus+label{background-color:#fff;color:#36c;font-size:14px;font-weight:600;left:10px;top:-10px}.contact-form .contact-group textarea{height:100px;resize:none}.contact-form button{background-color:#36c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:all .3s ease}.contact-form button:hover{background-color:#27408b}.details-cards{display:flex;flex-direction:column;gap:15px}.details-cards .blue,.details-cards .green,.details-cards .red{background:linear-gradient(-45deg,#3f9190,#3e9bcc)}.details-cards .details-card{align-items:center;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:100px;justify-content:center;text-align:center;transition:.4s;width:350px}.details-cards .details-card p.details-tip{font-size:1em;font-weight:700}.details-cards .details-card p.details-second-text{font-size:.7em}.details-cards .details-card:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.details-cards:hover>.details-card:not(:hover){-webkit-filter:blur(10px);filter:blur(10px);-webkit-transform:scale(.9);transform:scale(.9)}.details-card>div{align-items:center;display:flex;margin:auto;width:91%}.details-card>div p{margin-left:.8rem}.details-card>div>div{align-items:center;background-color:#0e4166;border-radius:50%;display:flex;padding:10px;width:45px}.contact-icon{height:25px;width:25px}@media screen and (min-width:670px) and (max-width:1010px){.contact{display:block;gap:15px}.contact-details,.contact-form-div{margin:auto;width:90%}.contact-card,.details-cards .details-card{width:100%}}@media screen and (max-width:670px){.contact{display:block;gap:15px}.contact-details,.contact-form-div{margin:auto;width:100%}.contact-card,.details-cards .details-card{width:100%}}@media screen and (max-width:454px){.details-card>div p{font-size:.7rem}}.intro-main{background-image:url(/static/media/yuriy-kovalev-nN1HSDtKdlw-unsplash.0acaa83768131db939a2.jpg);height:700px}.intro-main-img-div{background-size:cover;height:700px}.intro-main-text-div{height:600px;padding-top:138px;width:100%}.intro-main-text-div>div:first-child{margin:auto;width:80%}.nameh1tag{font-size:3rem;word-spacing:normal}.nameh1tag,.typewriter{font-family:Poppins,sans-serif;letter-spacing:.2rem;text-align:center}.typewriter{color:#0e4066}.devloperimg{width:20rem}.devloperimg-div{margin:auto;width:20rem}.socialamedialogos{display:flex;justify-content:space-between;margin:auto;width:10rem}.socialamedialogos>div{align-items:center;background-color:#0e4166;border-radius:.2rem;cursor:pointer;display:flex;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.socialamedialogos>div:hover{background-color:#fff;.icon-email,.icon-github,.icon-linkedin{color:#0e4166}}.icon-email,.icon-github,.icon-linkedin{color:#fff;height:25px;width:25px}@media screen and (min-width:767px) and (max-width:1124px){.nameh1tag{font-size:3rem}.typewriter{font-size:2rem;letter-spacing:.2rem}.devloperimg,.devloperimg-div{width:16rem}}@media screen and (min-width:1117px) and (max-width:1174px){.socialamedialogos{margin-top:20px}}@media screen and (max-width:767px){.intro-main-img-div{height:700px}.nameh1tag{font-size:2rem}.typewriter{font-size:1rem;letter-spacing:.2rem}.devloperimg,.devloperimg-div{width:12rem}.svgbg{height:800px}.socialamedialogos{margin-top:80px}}.mainheading{font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;text-align:center}.Projects-maindiv{padding-top:50px}.Projectcards-div{margin:50px auto auto;width:80%}.card{align-items:center;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.2);justify-content:center;margin-top:40px;overflow:hidden;padding:20px;position:relative;width:100%}.card,.content{display:flex;transition:all .5s cubic-bezier(.23,1,.32,1)}.content{color:#e8e8e8;flex-direction:column;gap:20px;margin-left:20px}.content .heading{color:#000;font-size:32px;font-weight:700;text-align:center}.content .para{color:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;text-align:justify}.btnhover>.btn{background:linear-gradient(-45deg,#f89b29,#ff0f7b);border:none;border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,.2);color:#e8e8e8;cursor:pointer;font-weight:600;padding:10px;text-decoration:none}.card:before{background:linear-gradient(-45deg,#3f9190,#3e9bcc);bottom:0;content:"";height:5px;left:0;position:absolute;transition:all .5s cubic-bezier(.23,1,.32,1);width:100%;z-index:-1}.card:hover:before{height:100%}.card:hover{box-shadow:none}.card:hover .btn{background:#e8e8e8;color:#212121}.btnhover>.btn:hover{background:transparent;color:#e8e8e8;outline:2px solid #e8e8e8}.btnhover>.btn:active{box-shadow:none}.card:hover .heading{color:#fff;-webkit-filter:drop-shadow(0 0 23px #fff);filter:drop-shadow(0 0 23px white)}.card:hover .para{color:#fff}.card:hover .icon-background{background-color:#212121}.card:hover .icon-background,.card:hover .icon-backgroundforexpress{align-items:center;border-radius:.5rem;display:flex;-webkit-filter:none;filter:none;padding:4px}.card:hover .icon-backgroundforexpress{background-color:#f0e8e8fb}.projectimage{box-shadow:0 1px 4px rgba(0,0,0,.16);width:550px}.btnhover{bottom:30px;display:flex;justify-content:space-around;margin:auto auto 10px;opacity:0;position:relative;-webkit-transform:translateY(200%);transform:translateY(200%);transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;width:40%}.card:hover .btnhover{opacity:1;-webkit-transform:translateY(100%);transform:translateY(100%)}.techstacks{width:60%}.techstacks,.techstacks-fashion{display:flex;justify-content:space-between;margin:auto}.techstacks-fashion{width:30%}.icon-background,.icon-backgroundforexpress{-webkit-filter:drop-shadow(2px 2px 10px #424040);filter:drop-shadow(2px 2px 10px rgb(66,64,64))}.iconimg{width:35px}.Btn{background-color:#0e4166;border:none;border-radius:50%;box-shadow:2px 2px 10px rgba(0,0,0,.199);cursor:pointer;height:45px;justify-content:flex-start;overflow:hidden;position:relative;width:45px}.Btn,.sign{align-items:center;display:flex;transition-duration:.3s}.sign{justify-content:center;width:100%}.sign svg{width:17px}.gitnubicon{align-items:center;display:flex;justify-content:center;transition-duration:.3s;width:100%}.gitnubicon svg{width:30px}.gitnubicon svg path,.sign svg path{fill:#fff}.text{color:#fff;font-size:1.2em;font-weight:600;opacity:0;position:absolute;right:0;width:0}.Btn:hover,.text{transition-duration:.3s}.Btn:hover{border-radius:40px;width:125px}.Btn:hover .gitnubicon,.Btn:hover .sign{padding-left:20px;transition-duration:.3s;width:30%}.Btn:hover .text{opacity:1;padding-right:10px;transition-duration:.3s;width:70%}.Btn:active{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}.smallscreenbtns{display:none}.smallscreenbtns button{background:#1e90ff;border:transparent;border-radius:4px;box-shadow:2px 2px 4px rgba(0,0,0,.4);color:#fff;font-size:.8rem;padding:.5em 2em}.smallscreenbtns button:hover{background:#020024;background:linear-gradient(90deg,#1e90ff,#00d4ff)}.smallscreenbtns button:active{-webkit-transform:translateY(.2em);transform:translateY(.2em)}.smallscreenbtns>button:first-child>div{width:180%}.smallscreenbtns>button:first-child>div,.smallscreenbtns>button:nth-child(2)>.mobilegitbtn{align-items:center;display:flex;justify-content:space-around;margin:auto;position:relative;right:16px}.smallscreenbtns>button:nth-child(2)>.mobilegitbtn{width:150%}.Tabscreenbtns{display:none}@media screen and (min-width:1057px) and (max-width:1229px){.projectimage{width:400px}.content .heading{color:#000;font-size:28px;font-weight:600;text-align:center}.content .para{color:#000;font-size:.8rem;line-height:1.5;text-align:justify}.iconimg{width:28px}.icon-background{align-items:center;background-color:#212121;border-radius:.5rem;display:flex;padding:2px}.btnhover{display:none}.Tabscreenbtns{align-items:center;display:flex;justify-content:space-around;margin:13px auto auto;width:80%}.Tabscreenbtns button{background:#1e90ff;border:transparent;border-radius:4px;box-shadow:2px 2px 4px rgba(0,0,0,.4);color:#fff;font-size:.8rem;padding:.5em 2em}.Tabscreenbtns button:hover{background:#020024;background:linear-gradient(90deg,#1e90ff,#00d4ff)}.Tabscreenbtns button:active{-webkit-transform:translateY(.2em);transform:translateY(.2em)}.Tabscreenbtns>button:first-child>div{width:180%}.Tabscreenbtns>button:first-child>div,.Tabscreenbtns>button:nth-child(2)>.mobilegitbtn{align-items:center;display:flex;justify-content:space-around;margin:auto;position:relative;right:16px}.Tabscreenbtns>button:nth-child(2)>.mobilegitbtn{width:150%}.mobilegitbtn{width:130%}}@media screen and (min-width:800px) and (max-width:1057px){.projectimage{width:300px}.content .heading{color:#000;font-size:23px;font-weight:600;text-align:center}.content .para{color:#000;font-size:.7rem;line-height:1.5;text-align:justify}.iconimg{width:20px}.icon-background{align-items:center;background-color:#212121;border-radius:.4rem;display:flex;padding:3px}.btnhover{display:none}.Tabscreenbtns{align-items:center;display:flex;justify-content:space-around;margin:13px auto auto;width:80%}.Tabscreenbtns button{background:#1e90ff;border:transparent;border-radius:4px;box-shadow:2px 2px 4px rgba(0,0,0,.4);color:#fff;font-size:.8rem;padding:.5em 2em}.Tabscreenbtns button:hover{background:#020024;background:linear-gradient(90deg,#1e90ff,#00d4ff)}.Tabscreenbtns button:active{-webkit-transform:translateY(.2em);transform:translateY(.2em)}.Tabscreenbtns>button:first-child>div{width:180%}.Tabscreenbtns>button:first-child>div,.Tabscreenbtns>button:nth-child(2)>.mobilegitbtn{align-items:center;display:flex;justify-content:space-around;margin:auto;position:relative;right:16px}.Tabscreenbtns>button:nth-child(2)>.mobilegitbtn{width:150%}.mobilegitbtn{width:130%}}@media screen and (max-width:800px){.card{border-radius:10px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:10px;transition:all .5s cubic-bezier(.23,1,.32,1);width:100%}.projectimage{width:98%}.content .heading{color:#000;font-size:20px;font-weight:600;text-align:center}.content .para{color:#000;font-size:.6rem;line-height:1.5;text-align:justify}.iconimg{width:16px}.content{margin:auto}.icon-background{align-items:center;background-color:#212121;border-radius:.3rem;display:flex;padding:2px}.para{margin-top:-10px}.btnhover{display:none}.smallscreenbtns{align-items:center;display:flex;justify-content:space-around;margin:20px auto auto;width:80%}}.stats{padding-top:50px}.github-calender-div,.stats{margin:auto;width:95%}.calendar-container{border-radius:10px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);margin:50px auto auto;padding:20px;width:80%}.react-github-calendar{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:auto}.react-github-calendar h2{font-size:24px;text-align:center}.react-github-calendar .calendar-graph{align-items:center}.react-github-calendar .calendar-graph,.react-github-calendar .graph-legend{display:flex;justify-content:center;margin-top:90px}.react-github-calendar .graph-legend .legend-item{align-items:center;display:flex;margin-right:10px}.react-github-calendar .graph-legend .legend-item .legend-color{border-radius:100%;height:12px;margin-right:6px;width:12px}.react-github-calendar .graph-legend .legend-item .legend-text{font-size:14px}.react-github-calendar .graph-day{border-radius:100%;height:12px;margin:1px;transition:opacity .2s;width:12px}.react-github-calendar .graph-day:hover{opacity:.7}.react-github-calendar .graph-day.level-0{background-color:#ebedf0}.react-github-calendar .graph-day.level-1{background-color:#9be9a8}.react-github-calendar .graph-day.level-2{background-color:#40c463}.react-github-calendar .graph-day.level-3{background-color:#30a14e}.react-github-calendar .graph-day.level-4{background-color:#216e39}.git-box{display:flex;justify-content:space-around;margin:50px auto auto;width:90%}.github-stats-card,.github-streak-stats,.github-top-langs{width:100%}.git-box>div{width:30%}@media screen and (min-width:800px) and (max-width:1300px){.git-box{display:block;width:60%}.git-box>div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:100%}.github-stats-card,.github-streak-stats,.github-top-langs{width:100%}.github-calender-div{margin:auto;width:100%}}@media screen and (max-width:850px){.git-box{flex-direction:column;justify-content:center;margin-top:30px;width:70%}.git-box>div{margin:auto;width:90%}.react-activity-calendar__count,.react-activity-calendar__legend-colors>span{font-size:.7rem}.react-activity-calendar__legend-colors>svg{height:9px;width:9px}.github-calender-div{margin:auto;width:100%}.calendar-container{margin-top:20px;padding:10px;width:100%}}.Tech-Stacks{margin-bottom:80px;padding-top:100px;width:100%}.heading{font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;text-align:center}.heading-div{margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.heading-textbtn{background:none;border:none;color:#000;font-family:inherit;font-weight:800;margin:auto;position:relative;transition-duration:.4s;transition-property:color;transition-timing-function:cubic-bezier(.25,.8,.25,1)}.heading-textbtn:focus,.heading-textbtn:hover{color:#000}.heading-textbtn:focus:after,.heading-textbtn:hover:after{left:0;width:100%}.heading-textbtn:after{background-color:#000;bottom:-2px;content:"";height:2px;left:50%;pointer-events:none;position:absolute;transition-duration:.4s;transition-property:width,left;transition-timing-function:cubic-bezier(.25,.8,.25,1);width:0}.logosofstacks{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(5,1fr);margin:70px auto auto;padding-left:8rem;width:65%}.coin{-webkit-animation:rotate_4001510 7s linear infinite;animation:rotate_4001510 7s linear infinite;font-size:100px;height:1em;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:.1em}.coin .side,.coin:after,.coin:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;content:"";height:1em;line-height:1;overflow:hidden;position:absolute;right:-.4em;text-align:center;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);width:1em}.coin .tails,.coin:after{left:-.4em}.coin .tails,.coin:after,.coin:before{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}.coin:after,.coin:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.coin:after{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}@-webkit-keyframes rotate_4001510{to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes rotate_4001510{to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}.svg_back{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.jslogo,.jslogo:after,.jslogo:before{background:linear-gradient(#f7df1e,#141001)}.html_logo,.html_logo:after,.html_logo:before{background:linear-gradient(#ffe6e2,#141001)}.Css_logo,.Css_logo:after,.Css_logo:before{background:linear-gradient(#ffe6e2,#ffe6e2)}.react_logo,.react_logo:after,.react_logo:before{background:linear-gradient(#ffe6e2,#141001)}.Chakra_logo,.Chakra_logo:after,.Chakra_logo:before{background:linear-gradient(#4db6ac,#4db6ac)}.Typesscript_logo,.Typesscript_logo:after,.Typesscript_logo:before{background:linear-gradient(#007acc,#007acc)}.github_logo:after,.github_logo:before,.github_logo_logo{background:linear-gradient(#fff,#fff)}.tooltip-font{font-family:Poppins,sans-serif;font-weight:700;padding:3px}@media screen and (min-width:861px) and (max-width:1229px){.logosofstacks{width:80%}}@media screen and (min-width:600px) and (max-width:861px){.logosofstacks{grid-template-columns:repeat(3,1fr);padding-left:135px;width:80%}}@media screen and (max-width:600px){.logosofstacks{grid-template-columns:repeat(3,1fr);padding-left:66px;width:80%}.coin{font-size:4rem}.css-logo-width{width:2.8rem}.chakra-logo-width{margin-top:-17px;width:4rem}.typescript{border-radius:1rem;width:3rem}}.footer-button{display:flex;margin:auto;width:40%}.footer-box{color:#fff;cursor:pointer;font-size:15px;font-weight:700;height:40px;overflow:hidden;position:relative;transition:all .8s;width:35px}.footer-box,.footer-box:before{align-items:center;background:#0e4066;display:flex;justify-content:center}.footer-box:before{content:"";height:100%;position:absolute;top:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;width:100%}.footer-box:nth-child(9):before{content:"T";-webkit-transform:translateY(-100%);transform:translateY(-100%)}.footer-box:nth-child(10):before{content:"H"}.footer-box:nth-child(11):before{content:"A";-webkit-transform:translateY(-100%);transform:translateY(-100%)}.footer-box:nth-child(12):before{content:"N"}.footer-box:nth-child(13):before{content:"K";-webkit-transform:translateY(-100%);transform:translateY(-100%)}.footer-box:nth-child(14):before{content:" "}.footer-box:nth-child(15):before{content:"Y";-webkit-transform:translateY(-100%);transform:translateY(-100%)}.footer-box:nth-child(16):before{content:"O"}.footer-box:nth-child(17):before{content:"U";-webkit-transform:translateY(-100%);transform:translateY(-100%)}.footer-box:nth-child(18):before{content:"💚"}.footer-button:hover .footer-box:before{-webkit-transform:translateY(0);transform:translateY(0)}.footer-div{background-color:#0e4066;margin-top:30px;width:100%}@media screen and(min-width:740px) and (max-width:930px){.footer-box{font-size:.7rem;font-weight:500;height:35px;width:30px}}@media screen and (max-width:740px){.footer-button{width:50%}.footer-box{font-size:.6rem;font-weight:500;height:30px;width:25px}}.menu-btn{color:#000;cursor:pointer;display:none;font-size:23px}.navdiv{width:100%}.menu{bottom:22px;position:relative}.menu-btn-position{bottom:8px;position:relative}.title_logo{bottom:6px;position:relative}.title_logo>img{width:80px}.activenavbar,.navbar{background-color:initial;height:63px;margin:auto;padding:0 50px;position:fixed;transition:all .3s ease;width:100%;z-index:999}.activenavbar{background-color:#e0f2fe;box-shadow:0 1px 4px rgba(0,0,0,.16)}.activenavbar.sticky,.navbar.sticky{background:#171c23;padding:15px 0}.activenavbar .max-width,.navbar .max-width{align-items:center;display:flex;justify-content:space-between}.activenavbar .logo a,.navbar .logo a{color:red;font-size:30px;font-weight:600}.activenavbar .logo a span,.navbar .logo a span{color:#0faaf1;transition:all .3s ease}.activenavbar.sticky .logo a span,.navbar.sticky .logo a span{color:#fff}.activenavbar .menu li,.navbar .menu li{display:inline-block;list-style:none}.activenavbar .menu li a,.navbar .menu li a{color:teal;display:block;font-size:1rem;font-weight:500;letter-spacing:.8px;letter-spacing:2px;margin-left:25px;transition:color .3s ease}.navbar .menu li a:hover,.navbar.sticky .menu li a:hover{color:#a8dff1}.activenavbar .menu li a:hover,.activenavbar.sticky .menu li a:hover{color:#499d4a}@media (max-width:967px){.menu-btn{display:block;z-index:999}.menu-btn i.active:before{color:#fff;content:"\f00d"}.activenavbar .menu{background:#111;height:100vh;left:-100%;padding-top:80px;position:fixed;text-align:center;top:0;transition:all .3s ease;width:100%}.activenavbar .menu.active{left:0}.activenavbar .menu li{display:block}.activenavbar .menu li a{display:inline-block;font-size:25px;margin:20px 0}.activenavbar .logo a{font-size:25px}.navbar .menu{background:#111;height:100vh;left:-100%;padding-top:80px;position:fixed;text-align:center;top:0;transition:all .3s ease;width:100%}.navbar .menu.active{left:0}.navbar .menu li{display:block}.navbar .menu li a{display:inline-block;font-size:25px;margin:20px 0}.navbar .logo a{font-size:25px}.activenavbar,.navbar{padding:0 30px}.title_logo>img{width:70px}}.flex-center,.social-links{align-items:center;display:flex;justify-content:center}.social-btn{background:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.35);color:#333;cursor:pointer;font-family:Titillium Web,sans-serif;height:50px;justify-content:center;margin:5px;transition:.3s;width:50px}.social-btn svg{height:24px;margin-left:5px;width:24px}.social-btn span{margin-left:5px;overflow:hidden;text-align:center;transition:.3s;width:0}.social-btn:hover{border-radius:5px;transition:all .3s ease;width:150px}.social-btn:hover span{padding:2px;transition:all .3s ease;width:80px}#instagram svg{fill:#cc39a4;height:35px;width:35px}#linkedin svg{fill:#0e76a8}#github{fill:#333}
/*# sourceMappingURL=main.0813da73.css.map*/