@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap);.cairo-500{font-family:"Cairo",sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}*{font-family:"Cairo",sans-serif!important}body{margin:0}::selection{color:#2f4f4f;background:#fadcd9}.about,.certificates,.contact,.education,.experience,.main-div,.not-found,.projects,.skills,.volunteer{min-height:-webkit-max-content;min-height:max-content;align-items:center;justify-content:center}.about,.certificates,.contact,.education,.experience,.not-found,.projects,.skills,.volunteer{min-height:95vh!important;display:block;padding:7rem 5rem 3rem;background:ivory}.about h1,.certificates h1,.contact h1,.education h1,.experience h1,.projects h1,.skills h1,.volunteer h1{text-transform:uppercase;text-align:center;letter-spacing:.5rem;color:#fab1a9;margin-bottom:5rem}.timeline .certificates-title,.timeline .education-title,.timeline .experience-title{color:#2f4f4f}.timeline .certificates-subtitle,.timeline .education-subtitle,.timeline .experience-subtitle{font-size:1rem;line-height:normal}.timeline .certificates-skills,.timeline .education-skills,.timeline .experience-skills{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:1rem}.certificates-skills span,.education-skills span,.experience-skills span{margin:.1rem;padding:.3rem;font-size:.8rem;border-radius:.5rem;background-color:#eaeaea}.vertical-timeline:before{background:#fadcd9!important}.pink-text{color:#fab1a9}.carousel-indicators [data-bs-target]{background-color:#2f4f4f!important}.text-justify{text-align:justify;text-justify:inter-word}.modali-title{color:#2f4f4f}a{color:#fab1a9!important}.nav-bar{width:100%;display:flex;justify-content:center;position:fixed;z-index:500}.scrolled{background:ivory;opacity:.9;transition:1s ease-in}.nav-contents{text-transform:uppercase;text-decoration:none;font-size:.9rem;color:#2f4f4f!important;margin:.5rem}.nav-contents:hover{text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:#fab1a9;text-decoration-color:#fab1a9}.main-div{min-height:95vh!important;display:flex;background:ivory;justify-content:space-evenly}.main-div>.header-pic{width:50%}.main-div>.header-name{font-size:3rem;color:#2f4f4f}.header-name h1{font-size:larger;margin-top:3rem}.header-name>.titles{font-size:1.4rem;margin-top:1rem}.titles h5{padding-top:3rem;color:#848383}.titles small{font-size:medium;color:#848383}.here-link{color:#fab1a9;text-decoration:none}.gray-text{color:#848383}.about p{text-align:justify;-webkit-hyphens:auto;hyphens:auto;font-size:1.3rem;margin-bottom:1.5rem;color:#2f4f4f}.about .quote{background-color:#eeeee4;border-radius:1rem;padding:1.5rem}.quote svg{fill:#fab1a9;opacity:.7;margin:0 .3rem}.quote span{font-style:italic}.project-detail-page,.projects.project-gallery-page{color:#2f4f4f;background:ivory;padding:7rem max(1.5rem,calc(50% - 575px)) 4rem;min-height:95vh}.projects-heading{display:flex;align-items:flex-end;justify-content:space-between;grid-gap:2rem;gap:2rem;margin-bottom:2rem}.projects-eyebrow{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .5rem}.projects.project-gallery-page h1{text-align:start;text-transform:none;letter-spacing:-.025em;font-size:clamp(2.2rem,5vw,3.6rem);margin:0;color:#2f4f4f}.projects-introduction{max-width:340px;font-size:.95rem;margin:0}.project-filters{display:flex;flex-wrap:wrap;grid-gap:.65rem;gap:.65rem}.project-filters button{border:1px solid rgba(47,79,79,.25098039215686274);border-radius:24px;background:transparent;padding:.5rem 1.1rem;color:#2f4f4f;min-height:44px}.project-filters button[aria-pressed=true]{background:#2f4f4f;border-color:#2f4f4f;color:ivory}.project-filter-description{min-height:3rem;margin:1rem 0 1.5rem;font-size:.9rem}.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:2rem;gap:2rem}.project-tile{min-width:0;border:1px solid rgba(47,79,79,.14901960784313725);border-radius:18px;overflow:hidden;background:#f9f8ef}.project-tile-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1.7;padding:1.5rem;background:#fadcd9;overflow:hidden}.project-tile:nth-child(3n+2) .project-tile-image{background:#dce7e0}.project-tile:nth-child(3n) .project-tile-image{background:#e8e4da}.project-tile-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.project-tile-image:hover img{transform:scale(1.025)}.project-tile-body{padding:1.5rem}.project-category{font-size:.75rem;letter-spacing:.04em;margin:0 0 .6rem}.project-tile h2{font-size:1.5rem;line-height:1.4;margin:0 0 .65rem}.project-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.9rem;min-height:2.7rem}.project-tech-list,.project-tech-preview{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;padding:0;list-style:none}.project-tech-list li,.project-tech-preview li{border:1px solid rgba(47,79,79,.14901960784313725);border-radius:24px;padding:.25rem .65rem;font-size:.75rem}.project-text-link{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;color:#2f4f4f;text-decoration:underline;-webkit-text-decoration-color:#fab1a9;text-decoration-color:#fab1a9;text-underline-offset:5px;padding-block:.5rem;min-height:44px}.project-text-link:hover{color:#416565;-webkit-text-decoration-color:#2f4f4f;text-decoration-color:#2f4f4f}.project-detail-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:start;grid-gap:2rem;gap:2rem;margin:1.5rem 0 2rem}.project-detail-heading h1{font-size:clamp(2rem,4vw,3rem);line-height:1.35;margin:0}.project-detail-heading h1:focus{outline:none}.project-context{border-top:1px solid rgba(47,79,79,.14901960784313725);padding-top:.75rem;font-size:.9rem}.project-context>span{display:block;text-transform:uppercase;font-size:.7rem;margin-bottom:.4rem}.project-context p{margin-bottom:.5rem}.project-media{margin-bottom:2rem}.project-media .carousel{background:#fadcd9;border-radius:18px;overflow:hidden}.project-media .carousel-item{height:clamp(240px,42vw,540px);padding:1.5rem 3.5rem 2.8rem}.project-media .carousel-item img,.project-media .carousel-item video{width:100%;height:100%;object-fit:contain;display:block}.project-media .carousel-control-next,.project-media .carousel-control-prev{width:3rem;opacity:1}.project-media .carousel-control-next-icon,.project-media .carousel-control-prev-icon{background-color:#2f4f4f;border-radius:50%;background-size:55%;width:2.3rem;height:2.3rem}.project-media .carousel-indicators{flex-wrap:wrap;margin-inline:3rem;grid-gap:4px;gap:4px}.project-media .carousel-indicators [data-bs-target]{background-color:#2f4f4f;width:12px;height:5px;margin-inline:2px;border-block-width:8px}.project-media-caption{text-align:center;font-size:.8rem;margin:.6rem 0 0;direction:inherit}.project-company{padding:1.5rem 0;margin-bottom:2rem;border-block:1px solid rgba(47,79,79,.14901960784313725);display:flex;align-items:center;justify-content:space-between;grid-gap:1.5rem;gap:1.5rem;flex-wrap:wrap}.project-company h2{font-size:1.5rem;margin:0 0 .4rem}.project-company p:last-child{font-size:.85rem;margin:0}.project-company-links{display:flex;grid-gap:.65rem;gap:.65rem;flex-wrap:wrap}.project-company-links a{display:inline-flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem;border:1px solid rgba(47,79,79,.25098039215686274);border-radius:24px;color:#2f4f4f;text-decoration:none;padding:.6rem 1rem;min-height:44px;font-size:.85rem}.project-company-links a:hover{background:#fadcd9}.project-detail-content{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:3rem;gap:3rem;margin-bottom:2rem}.project-detail-content aside,.project-detail-content section{min-width:0}.project-detail-content h2{font-size:1.5rem;margin:0 0 1rem}.project-detail-content h3{font-size:1.15rem;margin:1.8rem 0 1rem}.project-contributions li,.project-full-description{white-space:pre-line}.project-full-description{line-height:1.9}.project-contributions,.project-features{padding-inline-start:1.3rem}.project-contributions li,.project-features li{margin-bottom:.85rem;line-height:1.8}.project-tech-list{margin-bottom:2rem}.project-tech-list li{display:inline-flex;align-items:center;grid-gap:.4rem;gap:.4rem}.project-tech-list li img{width:55px;max-height:24px;object-fit:contain}.project-note{padding:1rem;background:#f3f1e7;border-radius:12px;font-size:.85rem;margin-top:1.5rem}.project-detail-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;grid-gap:1rem;gap:1rem;border-top:1px solid rgba(47,79,79,.14901960784313725);padding-top:1rem}.project-detail-page a:focus-visible,.project-detail-page button:focus-visible,.project-gallery-page a:focus-visible,.project-gallery-page button:focus-visible{outline:2px solid #2f4f4f;outline-offset:4px}@media (max-width:770px){.project-detail-heading,.projects-heading{display:block}.projects-introduction{margin-top:1.2rem;max-width:none}.project-detail-heading .project-context{margin-top:1.5rem}.project-detail-content{grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}.project-gallery{grid-gap:1rem;gap:1rem}.project-tile-body{padding:1rem}.project-tile h2{font-size:1.2rem}.project-tile-image{padding:.8rem}}@media (max-width:480px){.project-gallery{grid-template-columns:1fr}.project-media .carousel-item{padding:1rem 2.8rem 2.8rem}}@media (prefers-reduced-motion:reduce){.project-tile-image img{transition:none}}.scroll-container{display:flex;flex-direction:column;align-items:center;grid-gap:15px;gap:15px;padding:10px;width:100%;margin-bottom:2rem}.scroll-item{flex-shrink:0;width:200px}.modali-header,.modali-header button{background-color:ivory}.modali-header button{color:#2f4f4f}.content-modal{background-color:ivory;max-height:80vh;text-align:center;scroll-behavior:auto;overflow-y:auto;overflow-x:auto}.skills .subtitle{color:#2f4f4f;margin:0 4rem 2rem}.skills .skills-container{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center}.skills-container .skills-item{display:flex;flex-direction:column;align-items:center;padding:.8rem;box-shadow:2px 2px 8px 2px #bebebe;border-radius:1rem;margin:.8rem}.skills-item .icon{font-size:5rem}.skills-item span{color:#2f4f4f;margin-top:.5rem}.volunteer .volunteer-container{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center}.volunteer-container .volunteer-item{display:flex;color:#2f4f4f;width:90%;align-items:center;padding:1rem;box-shadow:2px 2px 8px 2px #bebebe;border-radius:1rem}.volunteer-item .vol-img{width:30%;margin:1rem}.volunteer-item .vol-text{margin:1rem}.contact .main-contact{width:70%;text-align:center;margin:auto;color:#2f4f4f}.main-contact p span{color:#fab1a9;font-size:large}.contact-form{margin-bottom:4rem}.contact-form input,.contact-form textarea{background-color:ivory;border:1px dotted #fab1a9}.contact-form input:focus,.contact-form textarea:focus{background-color:ivory;border:1px dotted #2f4f4f}.contact-form .send-btn{width:100%;border:1px dotted #fab1a9;color:#2f4f4f;font-weight:800}.contact-form .send-btn:hover{background-color:#fab1a9;border-color:#2f4f4f}.contact-container a{color:#2f4f4f;font-size:1.8rem;margin:0 1rem}.contact-container a:hover{color:#fab1a9}.hide{display:none}a:hover .hide{display:inline-block;position:absolute;margin-top:2.5rem;margin-left:-2.3rem;z-index:20;font-size:medium}.footer{display:block;text-align:center;padding-bottom:.3rem;background:ivory}.copyright,.not-found{color:#2f4f4f}.not-found{text-align:center}.not-found h2{color:#2f4f4f;font-size:1.8rem;margin:1rem 0 .75rem}.not-found>p{margin-bottom:1.5rem}.crochet-controls{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:.75rem;gap:.75rem}.crochet-controls button{padding:.5rem 1rem;min-height:44px;color:#2f4f4f;background:transparent;border:1px dashed #2f4f4f;border-radius:24px;font-size:.85rem}.crochet-home{display:inline-block;border:1px solid #2f4f4f;border-radius:24px;background:#2f4f4f;color:ivory;padding:.65rem 1.5rem;text-decoration:none}.crochet-home:hover{color:ivory;background:#416565}.crochet-controls button:focus-visible,.crochet-home:focus-visible{outline:2px solid #2f4f4f;outline-offset:4px}@media (max-width:600px){.not-found{padding-inline:1rem}}@media only screen and (max-width:1100px){.main-div{padding:1rem}.main-div>.header-name{font-size:2rem;margin-top:2rem}.header-name h1{font-size:3rem}.header-name>.titles{font-size:1.2rem}}@media only screen and (max-width:770px){.main-div{display:block;text-align:center}.main-div>.header-pic{width:70%;margin-left:auto;margin-right:auto}.main-div>.header-name{width:100%;padding-top:1rem}.header-name h1{font-size:3.5rem;margin-top:0}.teddy-container{margin:auto;transform-origin:top center!important;display:flex!important;justify-content:left!important}.bear__wrap{transform:translate(-120%,-50%) rotate(5deg) translateY(-30%)!important}.contact .main-contact{width:100%}.volunteer-container .volunteer-item{flex-wrap:wrap;width:100%;padding:1.5rem;margin:0}.volunteer-item .vol-text{margin:.5rem}.volunteer-item .vol-img{width:100%;height:auto;margin:0}.not-found .gif{width:80%}}@media only screen and (max-width:600px){.nav-bar{display:block}.scrolled{background:none;opacity:.9}.navbar-toggler{border:none!important;border-radius:1rem!important}.navbar-collapse{background-color:hsla(0,0%,74.5%,.9);border-radius:.5rem;padding:.5rem;text-align:center}.main-div>.header-pic{width:100%}.header-name h1{font-size:2.5rem;margin-top:0}.header-name>.titles{font-size:1.1rem}.teddy-container{margin:auto;transform-origin:top center!important;display:flex!important;justify-content:left!important}.bear__wrap{transform:translate(-120%,-50%) rotate(5deg) translateY(-30%)!important}.skills-container .skills-item{margin:.2rem;min-width:30%}.skills-item .icon{font-size:3rem}.skills-item span{font-size:1rem}.skills .subtitle{margin:0 .5rem 1.5rem}.footer{padding:1rem .5rem}.contact-form .name-email{display:block}.not-found .gif{margin-top:2rem}.about,.certificates,.contact,.education,.experience,.not-found,.projects,.skills,.volunteer{padding:5rem 2.5rem 1.5rem}.about h1,.certificates h1,.contact h1,.education h1,.experience h1,.projects h1,.skills h1,.volunteer h1{margin-bottom:3rem}.timeline .certificates-title,.timeline .education-title,.timeline .experience-title{font-size:1.3rem}.timeline .certificates-subtitle,.timeline .education-subtitle,.timeline .experience-subtitle{font-size:.8rem}.certificates-skills span,.education-skills span,.experience-skills span{font-size:.6rem}}.mask{position:absolute;top:50%;left:0;right:0;bottom:0;height:100px;background:ivory;z-index:1;pointer-events:none}.bear{width:100%;background:transparent;transform:translateY(100%)}.bear__swear{display:none;left:105%;top:0;font-weight:bolder;padding:10px;border-radius:8px}.bear__swear,.bear__swear:before{position:absolute;background:#fadcd9}.bear__swear:before{content:"";top:90%;right:70%;height:30px;width:30px;clip-path:polygon(0 100%,100% 0,50% 0);-webkit-clip-path:polygon(0 100%,100% 0,50% 0)}.bear__wrap{width:100px;position:relative;display:inline-block;transform:translate(-15%,-50%) rotate(5deg) translateY(-30%)!important}.bear__arm-wrap,.bear__wrap{left:50%;top:50%;background:transparent}.bear__arm-wrap{position:fixed;height:30px;width:90px;z-index:4;transform:translateY(-50%) rotate(0deg)}.bear__arm{background:transparent;transform-origin:left;position:absolute;height:100%;width:100%;top:50%;left:50%;transform:translate(-35%,-50%) scaleX(1)}.bear__paw{background:#784421;border-radius:100%;height:30px;width:30px;z-index:10;transform-origin:right;transform:translate(80px,-15px) scaleX(0)}.bear__paw,.checkbox{position:fixed;top:50%;left:50%}.checkbox{border-radius:50px;height:100px;display:inline-block;margin:0 auto;width:200px;z-index:5;transform:translate(-50%,-50%)}.checkbox [type=checkbox]{cursor:pointer;position:absolute;outline:0;top:0;right:0;bottom:0;left:0;opacity:0;margin:0}.checkbox [type=checkbox],.checkbox__bg{border-radius:50px;z-index:10;height:100%;width:100%}.checkbox__bg{background:#bebebe}.checkbox__indicator{background:transparent;height:100%;width:50%;border-radius:100%;position:absolute;top:0;left:0}.checkbox__indicator:after{content:"";border-radius:100%;height:85%;width:85%;background:ivory;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.teddy-container{display:block;justify-content:center;align-items:center;position:relative;width:300px;transform:scale(.35);transform-origin:top left}.language-switch{border:1px solid #fab1a9;border-radius:999px;background:ivory;color:#2f4f4f;font:inherit;padding:.35rem .8rem;margin-inline-end:.75rem;white-space:nowrap}.language-switch:hover{background:#fadcd9}.language-switch:focus-visible{outline:2px solid #2f4f4f;outline-offset:3px}html[lang=ar] h1{letter-spacing:normal}html[dir=rtl] .navbar-nav{margin-right:0!important;margin-left:auto!important}html[dir=rtl] .vertical-timeline-element-content{text-align:right}html[dir=rtl] .vertical-timeline-element-content-arrow{right:auto}html[dir=rtl] .carousel,html[dir=rtl] .contact-container,html[dir=rtl] .vertical-timeline{direction:ltr}html[dir=rtl] .teddy-container{direction:ltr;margin-right:1.5rem;transform-origin:top right!important;display:flex!important;justify-content:left!important}html[dir=rtl] .vertical-timeline-element-content{direction:rtl}html[dir=rtl] .vertical-timeline-element-date{direction:rtl;float:right;width:-webkit-max-content!important;width:max-content!important}html[dir=rtl] .bear__swear{direction:rtl}html[dir=rtl] input[type=email]{direction:ltr;text-align:right}html[dir=rtl] .certificates-skills span,html[dir=rtl] .education-skills span,html[dir=rtl] .experience-skills span,html[dir=rtl] .skills-item span{direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}@media (max-width:575px){.language-switch{order:-1}.navbar-collapse{flex-basis:100%}}.nav-contents{white-space:nowrap}html[dir=rtl] .titles>p{direction:ltr}@media (max-width:991px){.nav-bar{display:block}.navbar-collapse{background-color:hsla(0,0%,74.5%,.95);border-radius:.5rem;padding:.5rem;text-align:center}}html[lang=ar]{.header-name>.titles>p{text-align:end}.modali-close-button{margin:-1rem auto -1rem -1rem}@media only screen and (max-width:770px){.header-name>.titles>p{text-align:center}.teddy-container{margin:auto;transform-origin:top center!important;display:flex!important;justify-content:left!important}}}.crochet-scene{--ink:#2f4f4f;--paper:ivory;--pink:#fab1a9;--rose:#fadcd9;--skin:#edc5a9;--hair:#51413e;--sage:#9bb9aa;font:14px/1.6 system-ui,sans-serif;color:var(--ink);width:100%;max-width:490px;margin:0 auto;direction:ltr}.crochet-scene *{box-sizing:border-box}.crochet-scene .stage{position:relative;max-width:490px;height:410px;margin:auto;display:flex;align-items:center;justify-content:center;direction:ltr}.crochet-scene .halo{position:absolute;top:48px;width:300px;height:300px;background:var(--rose);border-radius:49% 51% 60% 40%;opacity:.7}.crochet-scene .number{position:absolute;top:344px;left:16px;right:auto;color:var(--pink);font:500 88px/1 Georgia,serif;letter-spacing:5px;-webkit-text-stroke:1px var(--ink);font-size:53px;transform:rotate(-8deg)}.crochet-scene .number span{display:inline-block;transition:transform .6s,opacity .6s}.crochet-scene .lady{position:relative;width:250px;height:285px;margin-top:0;flex-shrink:0;transform:scale(1.12);transform-origin:center 55%}.crochet-scene .hair{position:absolute;top:25px;left:64px;width:123px;height:139px;background:var(--hair);border:2px solid var(--ink);border-radius:48% 48% 38% 38%;z-index:2}.crochet-scene .bun{position:absolute;top:8px;width:55px;height:55px;border:2px solid var(--ink);background:repeating-linear-gradient(30deg,transparent 8px,rgba(255,255,240,.06274509803921569) 8px 10px),var(--hair);border-radius:48%;z-index:1;transition:transform .4s}.crochet-scene .bun.left{left:44px;transform:rotate(-20deg)}.crochet-scene .bun.right{right:43px;transform:rotate(20deg)}.crochet-scene .bun:after{content:"";position:absolute;bottom:0;left:3px;width:45px;height:8px;border-radius:50%;background:var(--pink);border:1px solid var(--ink)}.crochet-scene .face{position:absolute;z-index:3;top:44px;left:76px;width:100px;height:108px;background:var(--skin);border:2px solid var(--ink);border-radius:43% 43% 46% 46%;transform:rotate(var(--head,0deg));transition:transform .4s}.crochet-scene .fringe{position:absolute;z-index:4;top:-8px;left:-4px;width:101px;height:33px;background:var(--hair);border-radius:60% 40% 50% 20%;transform:rotate(-9deg)}.crochet-scene .glasses{position:absolute;z-index:6;left:3px;top:35px;display:flex;grid-gap:6px;gap:6px;transition:transform .4s}.crochet-scene .lens{position:relative;width:42px;height:42px;border:3px solid var(--ink);border-radius:50%;background:rgba(255,255,240,.12549019607843137)}.crochet-scene .glasses:after{content:"";position:absolute;left:40px;top:15px;width:9px;height:4px;background:var(--ink)}.crochet-scene .eye{position:absolute;left:15px;top:15px;width:7px;height:11px;border-radius:50%;background:var(--ink);transform:translate(var(--look,0),var(--look-y,0));transition:transform .1s;--look-y:3px}.crochet-scene .nose{position:absolute;top:68px;left:46px;width:7px;height:8px;border-right:1px solid #b37c68;border-bottom:1px solid #b37c68;border-radius:3px}.crochet-scene .mouth{position:absolute;top:84px;left:40px;width:19px;height:9px;border-bottom:2px solid var(--ink);border-radius:50%;transition:transform .3s}.crochet-scene .cheek{position:absolute;top:73px;width:16px;height:7px;background:#db9b93;border-radius:50%;opacity:.7}.crochet-scene .cheek.left{left:8px}.crochet-scene .cheek.right{right:8px}.crochet-scene .neck{position:absolute;top:138px;left:111px;width:28px;height:25px;background:var(--skin);border:2px solid var(--ink);z-index:2}.crochet-scene .shirt{position:absolute;z-index:3;top:150px;left:66px;width:119px;height:94px;background:#f5f1df;border:2px solid var(--ink);border-radius:28px 28px 12px 12px}.crochet-scene .shirt:after,.crochet-scene .shirt:before{content:"";position:absolute;top:6px;width:31px;height:37px;background:#f5f1df;border:2px solid var(--ink);border-radius:13px}.crochet-scene .shirt:before{left:-23px;transform:rotate(24deg)}.crochet-scene .shirt:after{right:-23px;transform:rotate(-24deg)}.crochet-scene .panda{position:absolute;width:45px;height:36px;left:35px;top:20px;border:2px solid var(--ink);border-radius:45%;background:var(--paper)}.crochet-scene .panda:after,.crochet-scene .panda:before{content:"";position:absolute;width:16px;height:16px;background:var(--ink);border-radius:50%;top:-8px;z-index:-1}.crochet-scene .panda:before{left:-5px}.crochet-scene .panda:after{right:-5px}.crochet-scene .patch{position:absolute;width:12px;height:17px;background:var(--ink);top:8px;border-radius:50%;transform:rotate(25deg)}.crochet-scene .patch.left{left:6px}.crochet-scene .patch.right{right:6px;transform:rotate(-25deg)}.crochet-scene .patch:after{content:"";position:absolute;top:4px;left:4px;width:4px;height:4px;background:var(--paper);border-radius:50%}.crochet-scene .snout{position:absolute;bottom:4px;left:18px;width:6px;height:4px;background:var(--ink);border-radius:50%}.crochet-scene .leg{position:absolute;z-index:3;bottom:8px;left:30px;width:125px;height:49px;border:2px solid var(--ink);border-radius:45%;background:var(--sage);transform:rotate(13deg)}.crochet-scene .leg.right{left:100px;transform:rotate(-13deg)}.crochet-scene .project{position:absolute;z-index:7;left:102px;top:207px;width:46px;height:50px;border:2px solid var(--ink);border-radius:40%;background:repeating-linear-gradient(15deg,transparent 4px,rgba(47,79,79,.12549019607843137) 4px 6px),var(--pink);transition:transform .5s}.crochet-scene .ball{position:absolute;z-index:9;left:calc(50% + 70px);bottom:27px;width:51px;height:51px;border:2px solid var(--ink);border-radius:50%;background:repeating-linear-gradient(30deg,transparent 5px,rgba(47,79,79,.25098039215686274) 5px 7px),var(--pink);transition:transform .8s}.crochet-scene .speech{position:absolute;z-index:10;top:62px;left:calc(50% + 90px);width:120px;font-size:12px;line-height:1.5;background:var(--paper);padding:8px;border:1px solid var(--ink);border-radius:12px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s;right:auto}.crochet-scene .project.blanket{left:81px;top:220px;width:105px;height:69px;border:2px solid var(--ink);border-radius:5px 6px 17px 10px;background:repeating-linear-gradient(25deg,transparent 4px,rgba(47,79,79,.1411764705882353) 4px 5px,transparent 5px 8px),repeating-linear-gradient(-25deg,transparent 4px,rgba(255,255,240,.3333333333333333) 4px 5px,transparent 5px 8px),repeating-linear-gradient(0deg,var(--pink) 15px,var(--paper) 15px 27px,var(--sage) 27px 42px);z-index:5;transform-origin:27px 0;animation:none;transition:none}.crochet-scene .blanket-edge{position:absolute;left:0;right:0;top:-3px;height:8px;border-top:3px dotted #bf817a;border-bottom:1px solid rgba(47,79,79,.3333333333333333);border-radius:4px}.crochet-scene .rig{position:absolute;inset:0;z-index:8;pointer-events:none}.crochet-scene .limb{position:absolute;height:18px;border:1.5px solid var(--ink);border-radius:12px;background:var(--skin);transform-origin:0 50%;z-index:1}.crochet-scene .forearm{height:15px;z-index:2}.crochet-scene .wrist{position:absolute;width:26px;height:19px;margin-left:-13px;margin-top:-9px;transform-origin:center;z-index:4;background:var(--skin);border:1.5px solid var(--ink);border-radius:46% 42% 45% 45%}.crochet-scene .support-wrist{width:25px;z-index:3}.crochet-scene .index-finger{position:absolute;top:-12px;left:3px;width:8px;height:21px;background:var(--skin);border:1px solid var(--ink);border-radius:6px;transform:rotate(-15deg);z-index:4}.crochet-scene .thumb{position:absolute;left:2px;top:3px;width:19px;height:9px;background:var(--skin);border:1px solid var(--ink);border-radius:8px;transform:rotate(-12deg);z-index:7}.crochet-scene .knuckles{position:absolute;right:3px;top:7px;width:8px;height:6px;border-top:1px solid #b37c68;border-bottom:1px solid #b37c68;border-radius:3px;z-index:6}.crochet-scene .tool{position:absolute;left:13px;top:9px;width:1px;height:1px;z-index:5;transform-origin:0 0}.crochet-scene .metal{position:absolute;left:-36px;top:-2px;width:59px;height:4px;background:linear-gradient(#d7e4df,#819a93);border:1px solid #6a817b;border-radius:3px}.crochet-scene .real-grip{position:absolute;left:0;top:-4px;width:27px;height:8px;border:1px solid var(--ink);background:var(--pink);border-radius:3px 7px 7px 3px}.crochet-scene .real-tip{position:absolute;left:-40px;top:-3px;width:9px;height:8px;border:2.5px solid #78928a;border-right:0;border-radius:6px 0 0 6px;transform:rotate(-18deg)}.crochet-scene .hook-loop{position:absolute;left:-34px;top:-5px;width:6px;height:9px;border:1.5px solid #cc8a83;border-radius:50%;z-index:8;transform:rotate(-7deg)}.crochet-scene .yarn-segment{position:absolute;height:1.5px;background:#bd7874;transform-origin:0 50%;z-index:5}.crochet-scene .feed-yarn{z-index:2}.crochet-scene .blanket:after{content:"";position:absolute;right:20px;top:0;width:1px;height:100%;background:rgba(47,79,79,.08235294117647059);transform:rotate(4deg)}.crochet-scene.is-interrupted .speech{opacity:1;transform:translateY(0)}.crochet-scene.is-interrupted .glasses{transform:translateY(-7px)}.crochet-scene.is-interrupted .bun.left{transform:translateY(-5px) rotate(-25deg)}.crochet-scene.is-interrupted .bun.right{transform:translateY(-5px) rotate(25deg)}@media (max-width:480px){.crochet-scene .lady{transform:scale(1)}.crochet-scene .halo{width:265px;height:265px;top:70px}.crochet-scene .stage{height:400px}.crochet-scene .speech{left:auto;right:0;top:42px;width:102px}.crochet-scene .number{top:333px}.crochet-scene .ball{left:calc(50% + 70px)}}@media (prefers-reduced-motion:reduce){.crochet-scene *{transition:none;animation:none}}.debugging-octopus{--octopus-ink:#2f4f4f;--octopus-paper:ivory;--octopus-pink:#fab1a9;color:var(--octopus-ink);width:100%;max-width:480px;margin:5rem auto 2rem;text-align:center}.main-div>.header-pic{display:flex;align-items:center;min-width:0}.octopus-speech{position:relative;width:min(290px,calc(100% - 24px));min-height:88px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;justify-content:center;border:1px solid var(--octopus-ink);border-radius:18px;background:var(--octopus-paper);font-size:.95rem}.octopus-speech:after{content:"";position:absolute;bottom:-8px;left:calc(50% - 7px);width:14px;height:14px;background:var(--octopus-paper);border-right:1px solid var(--octopus-ink);border-bottom:1px solid var(--octopus-ink);transform:rotate(45deg)}.octopus-stage{position:relative;height:310px;display:flex;align-items:center;justify-content:center;direction:ltr}.octopus-halo{width:250px;height:250px;background:#fadcd9;opacity:.65}.octopus-halo,.octopus-shadow{position:absolute;border-radius:50%}.octopus-shadow{bottom:30px;width:170px;height:14px;background:rgba(47,79,79,.08235294117647059)}.octopus-mascot{position:relative;flex-shrink:0;width:220px;height:220px;padding:0;border:0;background:transparent;color:var(--octopus-ink);cursor:pointer;transform:rotate(var(--octopus-tilt,0deg));transition:transform .16s ease-out}.octopus-mascot:focus-visible{outline:3px solid var(--octopus-ink);outline-offset:12px;border-radius:25px}.octopus-art{display:block;position:relative;width:220px;height:205px}.octopus-head{z-index:2;inset:10px 27px 42px;border:3px solid var(--octopus-ink);border-radius:48% 48% 35% 35%;background-image:repeating-linear-gradient(30deg,transparent 5px,rgba(47,79,79,.09411764705882353) 5px 7px,transparent 7px 11px),repeating-linear-gradient(-30deg,transparent 5px,rgba(255,255,240,.3137254901960784) 5px 7px,transparent 7px 11px)}.octopus-arm,.octopus-head{position:absolute;background-color:var(--octopus-pink)}.octopus-arm{z-index:1;left:calc(17px + var(--arm-index)*23.7px);top:141px;width:25px;height:64px;border:2px solid var(--octopus-ink);border-radius:8px 8px 20px 20px;background-image:repeating-linear-gradient(0deg,transparent 5px,rgba(47,79,79,.1450980392156863) 5px 7px);transform-origin:top;transform:rotate(calc(35deg - var(--arm-index)*10deg));transition:transform .3s}.octopus-eyes{position:absolute;z-index:4;top:65px;left:61px;display:flex;grid-gap:14px;gap:14px}.octopus-eye{position:relative;display:block;width:42px;height:48px;border:2px solid var(--octopus-ink);border-radius:50%;background:var(--octopus-paper);overflow:hidden}.octopus-pupil{position:absolute;width:15px;height:20px;left:12px;top:14px;border-radius:50%;background:var(--octopus-ink);transform:translate(var(--eye-x,0),var(--eye-y,0));transition:transform 70ms linear}.octopus-pupil:after{content:"";position:absolute;top:3px;left:3px;width:5px;height:5px;border-radius:50%;background:var(--octopus-paper)}.octopus-mouth{z-index:5;top:124px;left:97px;width:26px;height:13px;border-bottom:3px solid var(--octopus-ink)}.octopus-cheek,.octopus-mouth{position:absolute;border-radius:50%}.octopus-cheek{z-index:4;top:119px;width:24px;height:10px;background:#ce8480}.octopus-cheek.left{left:40px}.octopus-cheek.right{left:156px}.octopus-bug{position:absolute;z-index:7;right:0;top:104px;font-size:24px;transform:rotate(12deg);transition:transform .3s}.octopus-laptop{position:absolute;z-index:8;bottom:-6px;left:57px;width:130px;height:72px;border:3px solid var(--octopus-ink);border-radius:9px;background:#9bb9aa;box-shadow:0 6px 0 var(--octopus-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:17px}.octopus-screen-status{font-size:11px;direction:ltr}.octopus-tear{position:absolute;z-index:7;top:107px;width:11px;height:21px;border:1px solid #4d8da2;border-radius:55% 0 55% 55%;background:#7bbfd1;opacity:0;animation:octopus-tears .8s ease-in 4}.octopus-tear.left{left:65px}.octopus-tear.right{left:147px;animation-delay:.24s}.is-crying .octopus-arm:nth-child(odd){transform:rotate(65deg)}.is-crying .octopus-arm:nth-child(2n){transform:rotate(-65deg)}.is-crying .octopus-bug{transform:translate(8px,-35px) rotate(40deg)}.is-crying .octopus-mouth{top:133px;left:95px;width:30px;height:22px;border:3px solid var(--octopus-ink);border-radius:50% 50% 35% 35%;background:#b56870}.is-crying .octopus-eye{height:31px;margin-top:9px;border-radius:60% 60% 40% 40%;border-top-width:4px}.is-crying .octopus-pupil{top:7px}.is-crying .octopus-cheek{opacity:.4}.octopus-hint{font-size:.85rem;margin:0 12px}@keyframes octopus-tears{0%{opacity:0;transform:translateY(0) rotate(-45deg)}15%,80%{opacity:1}to{opacity:0;transform:translateY(52px) rotate(-45deg)}}@media (max-width:770px){.debugging-octopus{margin:3rem auto 2rem}}@media (prefers-reduced-motion:reduce){.debugging-octopus *,.debugging-octopus :after{transition:none}.octopus-tear{animation:none;opacity:1;transform:translateY(12px) rotate(-45deg)}}
/*# sourceMappingURL=main.6b679ee3.chunk.css.map */