@import url("https://fonts.googleapis.com/css2?family=Rubik&display=swap");body,html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#111527;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Rubik,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.icon-container{padding:20px;display:flex}.icon-class{color:#fff;margin:10px}.icon-class:hover{color:#fe3e57;cursor:pointer}.menu-container{padding:10px;display:flex;align-items:center;justify-content:center}.menu-name{padding:10px;color:#fff;font-size:16px}.menu-name:hover{text-decoration:underline;cursor:pointer}.hire-btn{height:40px;width:150px;background-color:transparent;border:1px solid #fff;color:#fff;background:linear-gradient(270deg,transparent 50%,#a8a8dd 0) 100%;background-size:200%;transition:.5s ease-out;border-radius:5px;font-size:16px;margin-right:20px}.hire-btn:hover{background-position:0;border-radius:30px;cursor:pointer}.know-more-btn{background-color:transparent;color:#fe3e57;border:1px solid #fe3e57;background:#fff;background-size:200%;border-radius:5px}.contact-btn,.know-more-btn{height:40px;width:150px;transition:.5s ease-out;font-size:16px}.contact-btn{background-color:transparent;color:#fff;background:#fe3e57;background-size:200%;border:1px solid #fff;border-radius:5px;margin-right:20px;display:flex;align-items:center;justify-content:center}.contact-btn:hover,.know-more-btn:hover{background-position:0;border-radius:30px;cursor:pointer}.entry-container{display:flex;flex:0.5 1;flex-direction:column;align-items:flex-start;justify-content:center;padding:100px}.heading-font{font-size:70px;color:#fff;font-weight:bolder}.sub-heading-font{font-size:30px;color:#fff}.tab-font{font-size:30px;padding-left:8px;padding-right:8px;width:200px;align-self:center;text-align:center;border-bottom:1px solid #fe3e57}.tab-font:active,.tab-font:hover{border-bottom:3px solid #fff}.profile-pic{width:700px!important;min-width:700px!important}.container-with-image{height:95vh}.hamburger1{display:none!important}.normal-nav{display:flex}.about-tab-container{width:100%;flex:1 1}.experience-card{width:400px;height:400px;padding:20px;border:1px solid #e8e8e8;transition:all .3s}.experience-card:hover{box-shadow:-2px -2px 2px #f8f8f8,2px 2px 12px #000}.skill-card{width:15vw;margin:20px}@media screen and (max-width:1024px){.entry-container{padding:50px 20px;align-items:center}.heading-font{font-size:30px}.sub-heading-font{font-size:20px}.experience-card{width:90%;padding:10px}.about-tab-container{width:100%;flex:1 1}.tab-font{font-size:16px;width:auto}.skill-card{width:70vw;margin:20px 0}.profile-pic{width:400px!important;min-width:400px!important}.about-container{flex-direction:column}.container-with-image{flex-direction:column;padding-top:100px}.hamburger1{display:block!important}.normal-nav{display:none}} /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#fff}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:30px;height:2px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#fff}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.loader{margin:10;width:30px;height:30px;border-right:4px solid #fff;border-radius:100%;-webkit-animation:spinRight .8s linear infinite;animation:spinRight .8s linear infinite}@-webkit-keyframes spinLeft{0%{transform:rotate(0deg)}to{transform:rotate(2turn)}}@keyframes spinLeft{0%{transform:rotate(0deg)}to{transform:rotate(2turn)}}@-webkit-keyframes spinRight{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes spinRight{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.loader:before{display:block;position:absolute;border-left:3px solid #fff}.loader:after,.loader:before{content:"";width:20px;height:20px;border-radius:100%;-webkit-animation:spinLeft .8s linear infinite;animation:spinLeft .8s linear infinite}.loader:after{border:0;border-right:3px solid #fff;-webkit-animation:none;animation:none}.flip-card{background-color:transparent;width:300px;height:300px;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-front{background-color:#a8a8dd;color:#000;border-radius:20px;background-image:linear-gradient(140deg,#a8a8dd 0)}.flip-card-back,.flip-card-front{padding:20px;border:1px solid #fff;transition:all .3s}.flip-card-back{background-color:#fe3e57;color:#fff;transform:rotateY(180deg);border-radius:20px}.loading_container{position:relative;width:200px;height:200px;border-radius:150px}.loading{width:100%;height:100%;border-radius:150px;border-right:.3rem solid #fff;-webkit-animation:animate 2s linear infinite;animation:animate 2s linear infinite}@-webkit-keyframes animate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes animate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading_container>h3{color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-6x{font-size:6em}.fa,.fa-brands,.fa-duotone,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fat{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-feature-settings:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands{font-family:Font Awesome\ 6 Brands;font-weight:400}@font-face{font-family:Font Awesome\ 6 Brands;font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/webfonts/fa-brands-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/webfonts/fa-brands-400.ttf) format("truetype")} /*! * Toastify js 1.11.2 * https://github.com/apvarun/toastify-js * @license MIT licensed * * Copyright (C) 2018 Varun A P */.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px rgba(0,0,0,.12),0 10px 36px -4px rgba(77,96,232,.3);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:-webkit-fit-content;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width:360px){.toastify-left,.toastify-right{margin-left:auto;margin-right:auto;left:0;right:0;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}