@import url("https://fonts.googleapis.com/css2?family=Gochi+Hand&family=Gorditas:wght@400;700&family=Inika:wght@400;700&display=swap");body{max-height:100%;max-width:100%;background-color:#f5c6d0;color:#e6323e}.flexRow{display:flex;flex-direction:row;width:100%}.flexCol{display:flex;flex-direction:column;height:100%}#name{font-family:Gorditas,serif;font-size:xxx-large;line-height:normal}#parentDiv{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:2%}#div1,#socialBar{display:flex;flex-direction:row}#div1{margin-bottom:-2%}#div2{flex:9;border-radius:2%;margin-bottom:2%}.mantine-Tabs-root{height:100%}.mantine-ActionIcon-root:hover{color:#e6323e;color:#f5efbb}.mantine-Tabs-panel{border:6px solid #e6323e;border-radius:2% 0 2% 2%;display:flex;max-height:100%;min-height:96%;background-color:#f5efbb;padding:2%;font-size:medium;font-family:Inika,serif}.mantine-Tabs-tab{background-color:#f5c6d0;border:6px solid #e6323e;border-bottom:0;border-radius:20% 20% 0 0}.mantine-Tabs-tab:hover{background-color:#f5efbb}.mantine-Tabs-tab[data-active=true]{background-color:#f5efbb;border:6px solid #e6323e;border-bottom:0;margin-bottom:-1%}.mantine-Tabs-tabLabel{font-family:Gochi Hand,cursive;font-size:large}.mantine-SimpleGrid-root{justify-items:center;width:100%}#flexCol,#infoCol{display:flex;flex-direction:column}#flexCol{width:100%}#tabHeader{font-family:Gochi Hand,cursive;font-size:2rem;padding-bottom:5px}#personalInfo{flex:3;padding:10px}#noorPic{flex:1;border-radius:10px;background-color:#f5c6d0}#noorPicc{object-fit:fit;height:100%;border-radius:10px;border:2px dashed #e6323e}#aboutDiv{height:100%;width:100%}#topThird{flex:1}#bottomThird{flex:3;color:#000;font-size:medium;padding-top:10px}#schoolRow{display:flex;flex-direction:row}.iconDiv{display:flex;flex:1;align-items:center}.iconDiv text{padding-left:5px;font-size:1rem;color:#000}.iconDiv svg{transition:fill .2s,stroke .2s;fill:#f5c6d0;stroke:#e6323e}.iconDiv:hover svg{fill:#e6323e;stroke:#f5c6d0}#aboutHeadingTxt,#headingTxt{font-family:Gorditas,serif;font-size:larger;color:#e6323e}#designCard{height:100%;width:100%;background-color:transparent}#designDescript{text-align:center;font-family:Inika,serif;font-weight:500;font-size:medium}#designName{font-family:Gorditas,serif}#folderImg{align-self:center}#designContainer{flex:3}#designContainer,#designSidePanel{background-color:#f5efbb;padding:10px;border-radius:20px;border:5px dashed #e6323e}#designSidePanel{flex:1;flex-direction:column;display:flex}#designParent{flex-direction:row;display:flex;gap:10px;height:100%}@media (max-width:500px){#designDescript{display:none}}@media (max-width:800px){#designDescript{display:none!important}}#gameGrid,#projectGrid{flex:1;width:100%}#gameCard{background-color:transparent;border:2px dashed #e6323e}#gameCard,#gameImg{width:100%;height:100%}#gameImg{position:relative}#gameBadge{position:absolute;width:100%;height:100%;padding:2%}#projectCol{width:500px;margin:0 auto}#projectCard{width:480px;height:320px;background-color:transparent;border:2px dashed #e6323e;margin:0 auto}.mantine-Carousel-indicators .mantine-Carousel-indicator{min-width:32px;min-height:32px;width:32px;height:32px;margin:0 4px;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23F5C6D0" d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41 0.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>');background-size:contain;background-repeat:no-repeat;background-position:50%;background-color:transparent;border:none;transition:background-image .2s}.mantine-Carousel-indicators .mantine-Carousel-indicator[data-active]{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23f44242" d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41 0.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>')}.resumeSection{padding:1rem;line-height:1.2;color:#000}.imageGallery{margin-top:1rem}.imageGrid{display:flex;gap:.5rem;flex-wrap:wrap}.jobImage{width:150px;height:auto;border-radius:6px;object-fit:cover}#crochetContainer{height:75vh;display:flex;justify-content:center;align-items:center;background-color:#f5efbb;border-radius:20px;border:5px dashed #e6323e;box-sizing:border-box;padding:10px}.image-grid{display:grid;gap:20px;width:100%;height:100%;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);transition:grid-template-columns .4s ease,grid-template-rows .4s ease,gap .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.frame{background-color:#fdf8f4;border:16px solid transparent;border-image-source:repeating-linear-gradient(45deg,#d9b99b 0 8px,#c19a6b 8px 16px);border-image-slice:16;border-image-repeat:round;box-shadow:0 4px 8px rgba(0,0,0,.25);border-radius:8px;overflow:hidden;transition:width .4s ease,height .4s ease,transform .3s ease;opacity:0;animation:fadeInUp .6s ease forwards}.frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.frame:hover img{transform:scale(1.1)}@media (max-width:600px){.image-grid{--cols:2;--rows:auto}}