@font-face{font-family:SpaceGrotesk;src:url(/assets/SpaceGrotesk-Medium-DGxYFqId.ttf);font-weight:400;font-style:normal}@font-face{font-family:audiowide;src:url(/assets/Audiowide-Regular-8MRs-3Oc.ttf)}*,*:before,*:after{box-sizing:border-box}html,body{background:#000;height:100%;width:100%;margin:0;padding:0;font-family:SpaceGrotesk;color:#eee}.text-orange{color:#f87129}.text-skyblue{color:#7adaf2}.text-pink{color:#fb409e}.text-green{color:#8ee38b}.text-red{color:#d20000}.header{display:flex;justify-content:center;padding:3vw;margin-bottom:50px}.header .content{position:relative;display:grid;grid-template-columns:110px auto;padding:6vw}.header .content .profile-pic-col{position:relative;display:flex;align-items:center;justify-content:center}.header .content .profile-pic-col .container{position:relative;display:flex;justify-content:center;align-items:center;padding:6px;border:3px solid rgb(248,113,41);border-radius:100%}.header .content .profile-pic-col .container .decorator.white-circle{border:1.5px solid #fff;width:103%;height:103%;position:absolute;z-index:0;border-radius:100%}.header .content .profile-pic-col .container .img{position:relative;width:15vw;height:15vw;border-radius:100%;z-index:100;max-width:100px;max-height:100px}.header .content .headings-col{display:grid;grid-template-rows:1fr 1fr;padding-left:5px}.header .content .headings-col .heading-wrapper{position:relative;display:flex;align-items:flex-end}.header .content .headings-col .heading-wrapper .heading{position:relative;font-size:2rem;margin:0;z-index:100}.header .content .headings-col .subheading-wrapper{display:flex;align-items:center}.header .content .headings-col .subheading-wrapper .subheading{margin:0;font-size:1rem;padding-right:1rem}.header .content .decorator.lightblue-rectangle{background:#7adaf2;position:absolute;z-index:0;animation-duration:5s;animation-iteration-count:infinite}.header .content .decorator.lightblue-rectangle.top{width:3rem;height:5px;right:20px;top:10px;animation-name:animTopLightBlueDeco}.header .content .decorator.lightblue-rectangle.right{width:5px;height:3rem;right:20px;top:10px;animation-name:animRightLightBlueDeco}.header .content .decorator.lightblue-rectangle.bottom{width:3rem;height:5px;left:20px;bottom:-20px;animation-name:animBottomLightBlueDeco}.header .content .decorator.lightblue-rectangle.left{width:5px;height:3rem;left:20px;bottom:-20px;animation-name:animLeftLightBlueDeco}@media(min-width:768px){.header{margin-bottom:30px}.header .content{padding:3vw;grid-template-columns:160px auto}.header .content .subheading{font-size:1.3rem!important;padding-right:2rem!important}}@keyframes animTopLightBlueDeco{0%{top:10px}50%{top:0;right:150px;width:2px;border-radius:100%;opacity:0;box-shadow:10px 10px 2px #ffffff80}to{top:10px}}@keyframes animRightLightBlueDeco{0%{right:20px}50%{right:10px;top:150px;height:2px;border-radius:100%;opacity:0;box-shadow:10px 10px 2px #ffffff80}to{right:20px}}@keyframes animBottomLightBlueDeco{0%{bottom:-20px}50%{bottom:-30px;left:150px;width:2px;border-radius:100%;opacity:0;box-shadow:10px 10px 2px #ffffff80}to{bottom:-20px}}@keyframes animLeftLightBlueDeco{0%{left:20px}50%{left:10px;bottom:150px;height:2px;border-radius:100%;opacity:0;box-shadow:10px 10px 2px #ffffff80}to{left:20px}}.cards-wrapper{display:flex;flex-direction:column;padding:20px 25%}.cards-wrapper .card{background:#222;display:flex;flex-direction:column;overflow:hidden;margin-bottom:4rem;border-radius:4px}.cards-wrapper .card .heading-row .heading-wrapper{position:relative;display:flex}.cards-wrapper .card .heading-row .heading-wrapper.orange{background:#f87129}.cards-wrapper .card .heading-row .heading-wrapper.skyblue{background:#7adaf2}.cards-wrapper .card .heading-row .heading-wrapper.pink{background:#fb409e}.cards-wrapper .card .heading-row .heading-wrapper.green{background:#8ee38b}.cards-wrapper .card .heading-row .heading-wrapper.red{background:#d20000}.cards-wrapper .card .heading-row .heading-wrapper .img-wrapper{display:flex;justify-content:center;align-items:center;width:40px;background:#0000001a}.cards-wrapper .card .heading-row .heading-wrapper .img-wrapper .logo{width:25px;height:25px}.cards-wrapper .card .heading-row .heading-wrapper .heading{font-family:audiowide;font-weight:100;margin:0;padding:8px;text-shadow:1px 1px #222}.cards-wrapper .card .heading-row .heading-wrapper .time-period{position:absolute;right:0;top:0;height:100%;background:#fff;color:#111;padding:8px}.cards-wrapper .card .skills-container .skill-wrapper{display:grid;grid-template-columns:1fr 1fr;padding:20px 10px 5px}.cards-wrapper .card .skills-container .skill-wrapper .skill{display:grid;grid-template-columns:70px auto;margin-bottom:20px}.cards-wrapper .card .skills-container .skill-wrapper .skill .img-wrapper{display:flex;justify-content:center;align-items:center}.cards-wrapper .card .skills-container .skill-wrapper .skill .img-wrapper img{width:40px}.cards-wrapper .card .skills-container .skill-wrapper .skill .text-wrapper{display:flex;align-items:center}.cards-wrapper .card .latest-projects{background:#333;padding:30px}.cards-wrapper .card .latest-projects .section-heading{margin:0 0 30px}.cards-wrapper .card .latest-projects .projects-wrapper{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.cards-wrapper .card .latest-projects .projects-wrapper .project-card{background:#555;display:flex;flex-direction:column;overflow:hidden;border-radius:5px}.cards-wrapper .card .latest-projects .projects-wrapper .project-card.react{border:2px solid #7adaf2}.cards-wrapper .card .latest-projects .projects-wrapper .project-card.react .heading,.cards-wrapper .card .latest-projects .projects-wrapper .project-card.react .btn{background:#7adaf2;border-bottom:2px solid #7adaf2}.cards-wrapper .card .latest-projects .projects-wrapper .project-card.three{border:2px solid rgb(142,227,139)}.cards-wrapper .card .latest-projects .projects-wrapper .project-card.three .heading,.cards-wrapper .card .latest-projects .projects-wrapper .project-card.three .btn{background:#8ee38b;border-bottom:2px solid rgb(142,227,139)}.cards-wrapper .card .latest-projects .projects-wrapper .project-card.laravel{border:2px solid rgb(248,113,41)}.cards-wrapper .card .latest-projects .projects-wrapper .project-card.laravel .heading,.cards-wrapper .card .latest-projects .projects-wrapper .project-card.laravel .btn{background:#f87129;border-bottom:2px solid rgb(248,113,41)}.cards-wrapper .card .latest-projects .projects-wrapper .project-card.clickable:hover{cursor:pointer}.cards-wrapper .card .latest-projects .projects-wrapper .project-card .heading-wrapper{position:relative}.cards-wrapper .card .latest-projects .projects-wrapper .project-card .heading-wrapper .heading{padding:5px;color:#fff;text-shadow:1px 1px #222;margin:0}.cards-wrapper .card .latest-projects .projects-wrapper .project-card .heading-wrapper .date{position:absolute;right:0;top:0;padding:5px;background:#fff;color:#111}.cards-wrapper .card .latest-projects .projects-wrapper .project-card .thumbnail-wrapper{position:relative;background-size:cover;height:200px}.cards-wrapper .card .latest-projects .projects-wrapper .project-card .thumbnail-wrapper .overlay{position:absolute;height:100%;width:100%;display:flex;justify-content:center;background:#000000d9;opacity:0;animation:animateOverlay 8s infinite}.cards-wrapper .card .latest-projects .projects-wrapper .project-card .thumbnail-wrapper .overlay .text-wrapper{color:#fff}.cards-wrapper .card .latest-projects .projects-wrapper .project-card .thumbnail-wrapper .overlay .text-wrapper ul li{margin-bottom:3px}.cards-wrapper .card .latest-projects .projects-wrapper .project-card .thumbnail-wrapper .overlay .text-wrapper p{text-align:center}@media(max-width:768px){.cards-wrapper{padding:20px 30px}.cards-wrapper .card .skills-container .skill-wrapper,.cards-wrapper .card .latest-projects .projects-wrapper{grid-template-columns:1fr}.cards-wrapper .card .latest-projects .projects-wrapper .col:not(:last-child){margin-bottom:30px}}@keyframes animateOverlay{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.modal-wrapper{display:none;position:fixed;top:0;left:0;height:100%;width:100%;background:#000c;z-index:200}.modal-wrapper .modal{position:absolute;top:8%;left:8%;display:flex;flex-direction:column;justify-content:space-between;background:#111;width:84%;border:2px solid #777;border-radius:5px}.modal-wrapper .modal .top-row{position:relative;padding:12px}.modal-wrapper .modal .top-row .heading{margin:0}.modal-wrapper .modal .content-row{height:64vh;width:100%;display:flex;justify-content:center}.modal-wrapper .modal .bottom-row{display:flex;justify-content:flex-end;margin-top:10px}.modal-wrapper .modal .bottom-row .close-btn-wrapper{display:flex;align-items:center;justify-content:center}.modal-wrapper .modal .bottom-row .close-btn-wrapper .btn{padding:10px;color:#fff;border:2px solid #888;background:#333;border-radius:5px 0 0;border-width:2px 0 0 2px}.modal-wrapper .modal .bottom-row .close-btn-wrapper .btn:hover{cursor:pointer}