@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";html{height:100%}*{color:#f4f7f5;margin:0;font-family:Nunito Sans}body{background:radial-gradient(circle,green,#004d00,#001a00,#000);height:100%;margin:0;overflow-x:hidden}@keyframes site-fade-in{0%{opacity:0}to{opacity:1}}a{color:#8ee5c3}.btn{color:#fff;transition:all .2s ease-out;transform:scale(1)}.btn:hover{color:#fff8dc;background-color:#dc143c;transition-property:transform,background-color;transition-duration:.2s;transform:scale(1.1)}.bi-arrow-right:before{color:#000;width:1em;padding:1px;font-size:large;display:inline-block}.nav-shell{flex-wrap:unset;border-bottom:1px solid #f2f2f2;align-items:center;max-width:70%;margin:0 auto;padding-top:20px;display:flex}.nav-shell a{margin-left:16px;padding:6px;text-decoration:none}a:hover{color:#f1356d}@media (width<=768px){.nav-shell a{margin:auto}.btn-danger{font-size:small}}@media (width>=576px) and (width<=768px){.nav-shell{flex-wrap:wrap}}@media (width<=576px){.nav-shell{flex-wrap:wrap}}:where(.site-header) .typewriter{white-space:nowrap;border-right:.15em solid #b8b5b5;border-radius:1.2px;width:fit-content;margin-top:4px;padding-right:10px;font-family:Courier New,Courier,monospace;font-size:1.65vw;animation:.9s steps(14,end) 3.2s site-typing-next,1.2s steps(9,end) 2s site-erase,.8s steps(8,end) site-typing,1.1s step-end infinite site-cursor;-webkit-animation-fill-mode:;overflow:hidden}:where(.site-header) .typewriter:before{content:"$ whoami";animation-name:site-name;animation-delay:3.2s;animation-fill-mode:forwards}:where(.site-header) .link-container{color:#fff;display:flex}@keyframes site-cursor{0%,to{border-color:#0000}50%{border-color:#b8b5b5}}@keyframes site-typing{0%{width:0}to{width:6ch}}@keyframes site-erase{0%{width:6ch}to{width:0}}@keyframes site-typing-next{0%{width:0}to{width:9ch}}@keyframes site-name{0%{content:"$ whoami"}to{content:"> Maxx Tandon"}}:where(.site-header) .personal-logo{height:3rem;margin:auto;box-shadow:0 0 20px 4px #d13838b3}.site-header .links{margin-left:auto}@media (width<=768px){.site-header .links{margin-left:15%}}@media (width>=576px) and (width<=768px){.site-header .links{margin:auto}}:where(.site-layout) .home,:where(.site-layout) .portfolio{margin-top:-12px;margin-left:15%}:where(.site-layout) .site-content{max-width:80%;margin:40px auto;padding:20px}:where(.site-layout) .row{flex-wrap:wrap;display:flex}:where(.site-layout) .row>[class*=col-]{flex-direction:column;display:flex}@media (width<=768px){:where(.site-layout) .row{display:block}:where(.site-layout) .site-content{margin:0}}@media (width>=576px) and (width<=768px){:where(.site-layout) .site-content{margin-top:14px}}:where(.home) .link{color:#456e5f!important}@keyframes home-slide-top{0%{height:0%;margin-top:-60%}to{height:100%;margin-top:0%}}@keyframes home-slide-right{0%{opacity:0;right:-55%}to{opacity:1;right:0%}}:where(.home) .main{animation-name:home-slide-top;animation-duration:3s}:where(.home) .btn-portfolio{opacity:0;background-color:#8b0000;animation-name:site-fade-in;animation-duration:2s;animation-delay:5s;animation-fill-mode:forwards}:where(.home) .main u{text-underline-offset:6px;text-decoration-thickness:1px}:where(.home) .extra{opacity:0;margin-left:10%;animation-name:home-slide-right;animation-duration:3s;animation-delay:2.5s;animation-fill-mode:forwards}:where(.home) .me-image{border-radius:10rem}:where(.home) .experience-container{opacity:0;animation-name:site-fade-in;animation-duration:4s;animation-delay:5.5s;animation-fill-mode:forwards}:where(.home) .experience-header{color:#56638a!important}:where(.home) .experience{background-color:#a7a2a9;border-radius:8px;padding:20px;box-shadow:0 0 20px 4px #ffffffb3}:where(.home) .experience-header{display:inline-block;position:relative}:where(.home) .experience-header:after{content:"";background-color:#000;border-radius:2px;width:100%;height:2px;position:absolute;bottom:0;left:0}:where(.home) .experience *{color:#000}:where(.home) .why-cs-container{opacity:0;animation-name:site-fade-in;animation-duration:5s;animation-delay:6.5s;animation-fill-mode:forwards}:where(.home) .why-cs{background-color:#575a5e;border-radius:8px;padding:20px;box-shadow:0 0 20px 4px #56638a}:where(.home) .why-cs-header{color:#53dd6c;display:inline-block;position:relative}:where(.home) .why-cs-header:after{content:"";background-color:#302f2f;border-radius:2px;width:100%;height:2px;position:absolute;bottom:0;left:0}:where(.home) .spacer{content:" ";margin-top:20px;display:block}@media (width<=768px){.home{width:100%}:where(.home) .main{width:100%;max-width:100%}:where(.home) .extra{width:100%;max-width:100%;margin-top:10px}:where(.home) .experience *,:where(.home) .col-9{width:100%;max-width:100%}}@media (width>=768px) and (width<=992px){:where(.home) .experience-container{margin-top:2vh}}:where(.project-card) .card-title{color:#53dd6c}:where(.project-card) .card-text{font-size:15px}:where(.project-card) .card-img-top{border:1px solid purple;border-radius:2px;height:100%}@media (width<=768px){.project-card{width:fit-content}}:where(.portfolio) .first-row{opacity:0;animation-name:site-fade-in;animation-duration:5s;animation-fill-mode:forwards}:where(.portfolio) .second-row{opacity:0;animation-name:site-fade-in;animation-duration:5s;animation-delay:.5s;animation-fill-mode:forwards}@media (width<=768px){:where(.portfolio) .first-row .col-md{display:inline}}@media (width>=768px) and (width<=992px){:where(.portfolio) .col-md{margin-bottom:2vh}}.portfolio-header{color:#ffc857;border-bottom:1px solid #f2f2f2;width:fit-content;padding-bottom:4px}.portfolio .row{max-width:80%}.portfolio-header{width:-webkit-fill-available}