@import url(https://fonts.googleapis.com/css2?family=Cedarville+Cursive&family=Indie+Flower&family=Poppins:wght@100;200;300;400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;1,100&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cedarville+Cursive&family=Indie+Flower&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;1,100&display=swap);body{font-family:Poppins,sans-serif;font-weight:400;margin:0;padding:0}.active{border-bottom:1.6px solid #fff}.inactive{border-bottom:1.6px solid #000}.xsmall-card{-ms-grid-row-span:17;display:-ms-grid;display:grid;grid-auto-rows:10px;grid-row-end:span 17;margin:2px 8px;opacity:.65}.xsmall-gradient{-ms-grid-row-span:13;border-radius:10px;grid-row-end:span 13}.small-card{-ms-grid-row-span:22;display:-ms-grid;display:grid;grid-auto-rows:10px;grid-row-end:span 22;margin:2px 8px;opacity:.65}.small-gradient{-ms-grid-row-span:18;border-radius:10px;grid-row-end:span 18}.medium-card{-ms-grid-row-span:28;display:-ms-grid;display:grid;grid-auto-rows:10px;grid-row-end:span 28;margin:2px 8px;opacity:.65}.medium-gradient{-ms-grid-row-span:24;border-radius:10px;grid-row-end:span 24}.large-card{-ms-grid-row-span:33;display:-ms-grid;display:grid;grid-auto-rows:10px;grid-row-end:span 33;margin:2px 8px;opacity:.65}.large-gradient{-ms-grid-row-span:29;border-radius:10px;grid-row-end:span 29}.xlarge-card{-ms-grid-row-span:33;display:-ms-grid;display:grid;grid-auto-rows:10px;grid-row-end:span 33;margin:2px 8px;opacity:.65}.xlarge-gradient{-ms-grid-row-span:29;border-radius:10px;grid-row-end:span 29}.gradient-card-container{-ms-grid-columns:(225px)[auto-fill];background-color:rgba(12,9,18,.925);display:-ms-grid;display:grid;grid-auto-rows:10px;grid-template-columns:repeat(auto-fill,225px);justify-content:center;padding-top:22px;position:relative;top:28vh}@media (min-width:720px){.gradient-card-container{-ms-grid-columns:(245px)[auto-fill];grid-template-columns:repeat(auto-fill,245px)}}@media (min-width:900px){.gradient-card-container{-ms-grid-columns:(270px)[auto-fill];grid-template-columns:repeat(auto-fill,270px);top:29vh}}.gradient-card-container .card-details{align-items:center;display:flex;font-size:14px;font-weight:300;height:-webkit-max-content;height:max-content;justify-content:space-between;letter-spacing:1.3px;padding:4px 2px 0 6px}.gradient-card-container .card-details .details-button{background-color:transparent;border:none;color:#fff;cursor:pointer;font-weight:700;letter-spacing:2px;text-decoration:none}.popup{align-items:center;background-color:#18131d;border-radius:60px 60px 0 0;bottom:0;display:flex;flex-direction:column;height:33vh;justify-content:center;left:0;position:fixed;width:100%;z-index:100000000}@media (min-width:720px){.popup{align-items:center;display:flex;flex-direction:row;height:31vh;justify-content:center;left:50%;max-width:95%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media (min-width:900px){.popup{width:75%}}@media (min-width:1200px){.popup{width:70%}}.popup .popup-title{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:5px}.popup .popup-title #grad-name{border-bottom:.3px solid hsla(0,0%,100%,.571);font-size:20px;font-weight:600;padding:5px 50px 10px;width:-webkit-max-content;width:max-content}.popup .popup-title #grad-codes{display:flex;padding:5px 50px 10px}.popup .popup-buttons{display:flex;margin:7px}.popup .popup-buttons #add-btn,.popup .popup-buttons #copy-btn,.popup .popup-buttons .close{background:#454545;background-color:#211928;border:1px solid #5543644b;border-radius:5vh;border-top:none;color:#fff;cursor:pointer;font-size:17px;font-weight:600;height:4rem;margin:5px;width:8rem}.popup .popup-buttons #add-btn,.popup .popup-buttons #copy-btn{border-bottom:1px solid #5543644b;border-left:1px solid #5543644b;border-right:1px solid #5543644b;width:4rem}.popup .close-bar{background-color:hsla(0,0%,100%,.801);border-radius:3px;cursor:pointer;height:4px;left:50%;position:absolute;top:5px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:130px}.copied{align-items:center;background-color:#f5f5f5bf;border:1px solid #454545a6;border-radius:4px;display:flex;font-size:20px;justify-content:center;opacity:0;padding:3px 5px;position:absolute;transition:all 1s ease;width:-webkit-max-content;width:max-content}.copiedActive{opacity:1;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.copiedInactive{opacity:0;-webkit-transform:translateY(-170%);transform:translateY(-170%)}.copy-dialog-container{align-items:center;background-color:red;background-color:#211928;border-radius:60px 60px 0 0;display:flex;flex-direction:column;height:30vh;justify-content:center;left:0;position:absolute;width:100%;z-index:100000000}@media (min-width:720px){.copy-dialog-container{height:28vh}}.copy-dialog-container .copy-dialog-code{background-color:#454545a8;border-radius:10px;height:-webkit-max-content;height:max-content;margin:13px 30px;padding:20px 9px}.copy-dialog-container .copy-dialog-button-group{display:flex}.copy-dialog-container .copy-dialog-button-group .copy-dialog-button{background:#454545;border:none;border-radius:5vh;color:#fff;cursor:pointer;font-size:17px;font-weight:600;height:-webkit-max-content;height:max-content;letter-spacing:.7px;margin:5px;padding:7px 20px;width:-webkit-max-content;width:max-content}.copy-dialog-container .success-container{display:flex;width:11.4rem}.copy-dialog-container .copy-dialog-success{align-items:center;display:flex;flex-direction:row;justify-content:center}.copy-dialog-container .copy-dialog-success .copy-icon{box-sizing:border-box;color:rgba(35,184,35,.905);padding:2px}.copy-dialog-container .copy-dialog-success>span{padding:0 5px}.boardContainer{background-color:#000;height:-webkit-max-content;height:max-content;position:absolute;top:12vh;width:100%}.boardContainer .profileContainer{align-items:center;display:absolute;display:flex;flex-direction:column;height:13rem;justify-content:center;width:100%}.boardContainer .profileContainer .profileHeader{background:url(/static/media/pfpHeader.9852ba40935e6eb649d7.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:15rem;opacity:.5;width:100%}.boardContainer .profileContainer .profile{display:flex;flex-direction:column;place-items:center;position:absolute;top:7rem}.boardContainer .profileContainer .profile .profilePicture{background-color:#b77d3a;background:url(/static/media/pfp.8f3923c6ca91a39dbd43.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;box-shadow:0 0 125px 18px #000;color:rgba(255,0,0,.401);display:flex;height:10rem;width:10rem}.boardContainer .profileContainer .profile .profileTitle{font-size:25px;letter-spacing:1px;margin:15px;text-align:center}.border{align-items:center;display:flex;justify-content:center}.border .blob1{background-image:url(/static/media/blob1.9bede5a8f101eace2dcb.svg)}.border .blob1,.border .blob2{height:140px;position:absolute;width:140px;z-index:-1}.border .blob2{background-image:url(/static/media/blob2.97053bdaafc5820abac6.svg)}.border .blob3{background-image:url(/static/media/blob3.25e9543e6c51152ada94.svg)}.border .blob3,.border .blob4{height:140px;position:absolute;width:140px;z-index:-1}.border .blob4{background-image:url(/static/media/blob4.3174297e22e9fab5aff2.svg)}.border .blob5{background-image:url(/static/media/blob5.b7b80eb3a634952221b2.svg)}.border .blob5,.border .blob6{height:140px;position:absolute;width:140px;z-index:-1}.border .blob6{background-image:url(/static/media/blob6.19d275f6f34a0392f97b.svg)}.profileCards{background-color:#0d0914;height:-webkit-max-content;height:max-content;padding:120px 0;z-index:1000}.profileCards .profileCardsContainer{align-items:center;display:flex;flex-direction:column;padding:15px}@media (min-width:1200px){.profileCards .profileCardsContainer{flex-direction:row;flex-wrap:wrap;justify-content:center}}.profileCards .profileCardsContainer .tagDesign{color:hsla(0,0%,100%,.511);font-family:"Cedarville Cursive";font-size:20px;width:90%}@media (min-width:720px){.profileCards .profileCardsContainer .tagDesign{font-size:22px}}@media (min-width:1200px){.profileCards .profileCardsContainer .tagDesign{font-size:25px;width:90%}}.profileCards .profileCardsContainer .innerTagDesign{color:hsla(0,0%,100%,.661);font-family:"Cedarville Cursive";font-size:18px;width:95%;width:80%}@media (min-width:1200px){.profileCards .profileCardsContainer .innerTagDesign{display:none}}.profileCards .profileCardsContainer .innerTagDesignXL{color:hsla(0,0%,100%,.661);display:none;font-family:"Cedarville Cursive";font-size:20px;width:87%}@media (min-width:1200px){.profileCards .profileCardsContainer .innerTagDesignXL{display:flex}}.profileCards .profileCardsContainer .profileCard{border:2px solid hsla(0,0%,100%,.755);border-radius:17px 17px 15px 15px;cursor:grab;height:-webkit-max-content;height:max-content;margin:20px 0;width:25rem}@media (min-width:720px){.profileCards .profileCardsContainer .profileCard{width:34rem}}@media (min-width:900px){.profileCards .profileCardsContainer .profileCard{width:39rem}}@media (min-width:1200px){.profileCards .profileCardsContainer .profileCard{margin:20px;width:29rem}}@media (min-width:1380px){.profileCards .profileCardsContainer .profileCard{width:36rem}}.profileCards .profileCardsContainer .profileCard .profileCardHeader{align-items:center;border-bottom:2px solid hsla(0,0%,99%,.728);box-sizing:border-box;display:flex;height:2.2rem;padding:5px 8px;width:100%}.profileCards .profileCardsContainer .profileCard .profileCardHeader .closeDots{background-color:hsla(0,0%,100%,.766);border-radius:50%;height:13px;margin:2px 6px;width:13px}@-webkit-keyframes move{0%{color:hsla(0,0%,100%,.375);-webkit-transform:translateX(12px);transform:translateX(12px)}to{color:hsla(0,0%,100%,.895);-webkit-transform:translateX(24px);transform:translateX(24px)}}@keyframes move{0%{color:hsla(0,0%,100%,.375);-webkit-transform:translateX(12px);transform:translateX(12px)}to{color:hsla(0,0%,100%,.895);-webkit-transform:translateX(24px);transform:translateX(24px)}}.profileCards .profileCardsContainer .profileCard .profileCardHeader .grabToDrag{-webkit-animation:move 2s infinite;animation:move 2s infinite;font-family:Indie Flower;transition:all ease}.profileCards .profileCardsContainer .profileCard .profileCardBody .profileCardTitle{box-sizing:border-box;color:hsla(0,0%,100%,.91);font-family:"Cedarville Cursive";font-family:Indie Flower;font-size:29px;margin:10px 20px}.profileCards .profileCardsContainer .profileCard .profileCardBody .profileCardText{color:hsla(0,0%,100%,.78);font-family:Indie Flower;font-size:20px;margin:5px 20px 15px;text-align:justify}.projectHeading:first-letter{color:purple;font-size:46px}.contactPage{align-items:center;background-color:#211928;display:flex;flex-direction:"row";height:40rem;justify-content:center;position:absolute;top:-50px;width:100%}@media (min-width:900px){.contactPage{height:25rem}}.contactPage .contactContainer{align-items:center;display:flex;flex-direction:column-reverse;justify-content:center;width:-webkit-max-content;width:max-content}.contactPage .contactContainer .detailsContact{border-bottom:1px solid #5d8e5db5;display:flex;flex-direction:column;height:200px;margin:0 16px;padding:5px 0 28px;place-content:center;text-align:center;width:500px}.contactPage .contactContainer .detailsContact .contactDetailsHead{color:#b9d5b9;font-size:30px;margin:5px 0 20px}.contactPage .contactContainer .detailsContact .contactDetailsBody{color:#cee1cedc;font-family:Indie Flower;font-size:23px}.contactPage .contactContainer .detailsContact .socialIcons{align-items:center;display:flex;justify-content:center}.contactPage .contactContainer .detailsContact .socialIcons .instagramIcon{cursor:pointer;height:40px;transition:all .2s ease;width:40px}.contactPage .contactContainer .detailsContact .socialIcons .instagramIcon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.contactPage .contactContainer .detailsContact .socialIcons .linkedinIcon{cursor:pointer;height:40px;transition:all .2s ease;width:40px}.contactPage .contactContainer .detailsContact .socialIcons .linkedinIcon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media (min-width:900px){.contactPage .contactContainer{flex-direction:row}.contactPage .contactContainer .detailsContact{border-bottom:none;border-right:1px solid #5d8e5db5;height:200px;text-align:right;width:900px}.contactPage .contactContainer .detailsContact .contactDetailsHead{margin:5px 30px 20px 0}.contactPage .contactContainer .detailsContact .contactDetailsBody{margin-right:30px}.contactPage .contactContainer .detailsContact .socialIcons{justify-content:flex-end;margin-right:30px;margin-top:5px}.contactPage .contactContainer .bitmojiContact{justify-content:flex-start;width:700px}.contactPage .contactContainer .bitmojiBlob{right:9%;top:-40px}}@media (min-width:1200px){.contactPage .contactContainer .bitmojiBlob{right:16%;top:-40px}}.contactPage .bitmojiContact{display:flex;justify-content:center;width:500px}.contactPage .bitmojiContact .bitmoji{background:url(/static/media/bitmoji.ec26155153cbd063c8bf.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:250px;width:250px;z-index:10}.contactPage .bitmojiBlob{background:url(/static/media/blob1.9bede5a8f101eace2dcb.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:390px;position:absolute;right:20%;top:0;width:390px}@media (min-width:720px){.contactPage .bitmojiBlob{right:33%}}div .All{background-color:#a56e6ea5}div .Red{background-color:rgba(194,0,0,.649)}div .Yellow{background-color:rgba(219,219,0,.673)}div .Green{background-color:rgba(0,128,0,.736)}div .Pink{background-color:rgba(255,192,203,.66)}div .Blue{background-color:rgba(0,0,255,.681)}div .White{background-color:hsla(0,0%,100%,.712)}div .Black{background-color:rgba(0,0,0,.639)}div .Grey{background-color:#454545ac}div .Orange{background-color:rgba(255,166,0,.725)}:root{--navColor:#000}.App{color:#dc9da7;margin:0;padding:0;text-align:auto}@media screen and (max-width:767px){footer>div{grid-template-rows:2fr 1fr}}@media screen and (min-width:768px){footer>div{align-items:center;grid-template-columns:1fr 1fr}footer>div>:nth-child(2){margin-bottom:0}.addBtn,.close,.copyBtn{margin:9px}.gradCodes{margin-top:10px}.gradCodes span{margin:2px 5px}}
/*# sourceMappingURL=main.77f03bf3.css.map*/