*{padding:0;margin:0;font-family:Arial,sans-serif;font-optical-sizing:auto;font-style:normal;box-sizing:border-box}* a,* button{border-radius:5px}html{font-size:16px}@media (max-width: 768px){html{font-size:15px}}@media (max-width: 480px){html{font-size:14px}}.error-mes{color:red}.edit-buttons{background-color:#029797;color:#fff;border-radius:15px;cursor:pointer;padding:.5rem 1.3rem;font-size:1.1rem;border:1px solid rgb(2,151,151);font-weight:550}@media (max-width: 700px){.edit-buttons{padding:1vh 3vw}}.submit-button{background-color:#029797;border:1px solid rgb(2,151,151);font-weight:600;color:#fff}.cancel-button{background-color:#fff;border:1px solid rgb(2,151,151);color:#029797}button{padding:9px 14px;border-radius:50px;font-size:1.05rem;cursor:pointer;margin:5px}.input{color:#000;border:2px solid rgb(2,151,151);border-radius:20px;padding:7px 15px;font-size:1rem}.input-label{font-size:1.2rem;cursor:pointer;font-weight:600;margin-right:7px}.Image-Upload{margin-left:15px;color:#029797;font-size:1rem;width:60%}.x{font-size:.8rem;padding:0 5px;border-radius:5px;background-color:#fff;color:#029797;border:1px solid rgb(2,151,151);font-weight:600}.direct-wrapper{pointer-events:none;background-color:transparent;display:flex;position:absolute;right:0;top:0;align-items:center;justify-content:center;height:100%;padding:0 .2rem;opacity:0;transform:translateY(-2px);transition:opacity .2s ease,transform .2s ease}.direct-wrapper .index-buttons{height:auto;text-align:center;background-color:#fff0;padding:0;margin:0;margin-right:.8rem;border-radius:5px;border:2px solid rgba(166,166,166,0);font-weight:900;font-size:1.25rem}.edit-icon{position:absolute;top:0;right:0;width:3.5vw;min-width:30px;background-color:#ffffffb3;cursor:pointer;border-radius:5px;padding:3px;margin:7px;max-width:40px;border:2px solid #a6a6a6;opacity:0;transform:translateY(-2px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.category-title{font-size:2rem;padding:20px;width:100%;text-align:center}textarea{margin:0;height:auto;line-height:1.4;overflow:hidden;border:none}textarea:focus{outline:none}.add-section-button-wrapper{width:100%;display:flex;align-items:center;justify-content:center}.add-section-button-wrapper #add-section-general-button{width:20rem;align-self:center;font-weight:550;font-size:1.2rem;max-width:90%}#add-section-wrap-id{border-top:1px solid #eee;padding-top:1rem}.no-projects{width:100%;display:flex;justify-content:center;align-items:center}.empty{font-weight:540;color:#a6a6a6;text-align:center;border:none;background-color:#6a2b2b00;font-size:1.4rem;padding:0;cursor:pointer}.layout-main{position:relative;top:7.5vh;display:flex;height:92.5vh}.layout-main .sidebar-control{position:absolute;width:6vw;max-width:32px;cursor:pointer;margin:1rem;z-index:5;background-color:#ffffffa6;padding:5px;box-sizing:content-box;border-radius:5px}.layout-main .right-layout{position:relative;flex:1 1 0;min-width:0;scroll-behavior:smooth;display:flex;flex-direction:column;width:100%;max-height:92.5vh;overflow-y:auto;padding-bottom:50px}.header-sec{background-color:#029797;box-shadow:0 5px 10px #686868;width:100%;height:7.5vh;display:flex;justify-content:space-between;z-index:10;position:fixed;top:0;left:0}.header-sec .name-logo{margin:.9vh 5vw;cursor:pointer}.key-logo{margin:2.7vh 3vw;cursor:pointer}.log-logo{margin:1.5vh 3vw;cursor:pointer}.login-sec{position:absolute;background-color:#f5fffa;border:.5px solid rgb(2,151,151);border-radius:15px;padding:2vh 1vw 2.5vh;right:4.2vw;top:4vh}.login-sec .signin-form{display:flex;flex-direction:column;align-items:center;justify-content:center}.login-sec .signin-form .input{color:#474747;border:.5px solid #686868;border-radius:10px;padding:.5vh 1vw;width:80%;margin:.5vh 0px}.login-sec .login-button{color:#fff;border:none;background-color:#029797;padding:.5vh 3vw;border-radius:10px;margin:1.5vh 0px 0vh;font-weight:700;cursor:pointer}.sidebar-container{scroll-behavior:smooth;overflow-x:hidden;position:relative;width:30%;max-width:420px;height:92.5vh;display:flex;flex-direction:column;align-items:center;background-color:#f5fffa;box-shadow:1px 1px 5px #686868;z-index:2;overflow-y:auto}@media (max-width: 900px){.sidebar-container{width:30%}}@media (max-width: 700px){.sidebar-container{width:40%}}.sidebar-container .hide-sidebar{position:absolute;top:5px;color:#029797;padding:8px;right:5px;font-size:.85rem;cursor:pointer}.sidebar-container .image-wrapper{width:100%;padding:60px 0 20px}.sidebar-container .image-wrapper .profile{max-width:170px;width:30vw;border-radius:10px}.sidebar-container .username{font-family:Cookie,cursive;padding:0 0 1.2rem;width:100%;font-size:2.8rem;font-weight:500;text-align:center;cursor:pointer}@media (max-width: 415px){.sidebar-container .username{font-size:2rem}}.sidebar-container .roll{color:#029797;font-weight:500;padding-bottom:2rem;font-size:1rem;width:100%;text-align:center}@media (min-width: 1200px){.sidebar-container .roll{font-size:1.4rem}}@media (min-width: 415px){.sidebar-container .roll{font-size:1.2rem}}@media (max-width: 350px){.sidebar-container .roll{font-weight:500;font-size:.9rem}}.sidebar-container .category-wrap{width:100%;display:flex;flex-direction:column;align-items:center;background-color:#f5fffa;position:relative}.sidebar-container .category-wrap .category-head{width:100%;position:relative;display:flex;align-items:center;justify-content:center}.sidebar-container .category-wrap .category-head .direct-wrapper{pointer-events:none;background-color:transparent}@media (max-width: 640px){.sidebar-container .category-wrap .category-head .direct-wrapper{width:100%;justify-content:space-between;padding:.5rem;margin:0}.sidebar-container .category-wrap .category-head .direct-wrapper .index-buttons{padding:0;margin:0}}.sidebar-container .active{background-color:#dbfff9}.sidebar-container .add-category-wrap{border-top:1px solid rgb(2,151,151);width:100%;display:flex;align-items:center;justify-content:center;padding:30px 0 0}.sidebar-container .add-category-wrap .empty{color:#a6a6a6;font-size:1.2rem;text-align:center;margin-top:0;border-radius:0;opacity:0;pointer-events:none;margin-bottom:17vh}.category{text-align:center;color:#000;padding:10px 0;border-top:.1px solid rgb(2,151,151);border-radius:0;width:100%;text-decoration:None;font-weight:700;font-size:1.2rem}.section-container{width:100%;background-color:#dbfff9;display:flex;flex-direction:column;align-items:center}.section-container .section-name{border:.2px solid #eee;font-size:1.15rem;text-decoration:none;text-align:center;color:#474747;padding:8px 0;margin-bottom:9px;border-radius:5px;width:90%;font-weight:500;background-color:#fff;cursor:pointer}.section-container .section-name.activeA{background-color:#f5fffa;font-weight:700;color:#686868}.image-wrapper{display:flex;align-items:center;justify-content:center}.image-wrapper .profile{aspect-ratio:1/1;overflow:hidden;object-fit:cover;object-position:center}.image-wrapper .arrow-small{color:#f5fffa;border:None;font-weight:900;font-size:1rem;cursor:pointer;background-color:#a6a6a6;padding:2px}.intro-side{font-size:1rem;font-weight:500;padding:30px}.intro-side .much-more{color:#029797}.intro-side .much-more b{font-weight:900}.intro-side .welcome{font-size:1.5rem;font-weight:700;padding-bottom:2px}.category-head:hover .direct-wrapper,.category-head:focus-within .direct-wrapper{opacity:1;transform:none;pointer-events:auto}.sidebar-container:hover .empty{pointer-events:auto;opacity:1}.edit-category{position:relative;width:100%;padding:0}.edit-category .adit-category-wrap{padding:0;display:flex;align-items:center;justify-content:center;width:100%}@media (max-width: 1000px){.edit-category .adit-category-wrap{position:fixed;top:7.5vh;left:0;right:0;bottom:0;background-color:#474747e6}}.edit-category .adit-category-wrap .x{position:absolute;top:0;right:0;z-index:10;margin:1rem;background-color:#029797;color:#000;border-color:#000}.edit-category .adit-category-wrap .delete-rec{box-shadow:2px 2px 10px #a6a6a6;min-width:0;padding:8px;width:auto;margin:0;background-color:#f5fffa;margin-bottom:20vh;max-width:90%}@media (min-width: 1170px){.edit-category .adit-category-wrap .delete-rec{width:350px}}@media (max-width: 1000px){.edit-category .adit-category-wrap .delete-rec{width:350px;max-width:80%}}.edit-category .adit-category-wrap .delete-rec .top-delete{padding:0;margin:0;border:none;background-color:transparent}.edit-category .adit-category-wrap .delete-rec .top-delete p{font-weight:700;width:100%;font-size:1.2rem;text-align:center;padding:0;margin:0}.edit-category .adit-category-wrap .delete-rec .delete-main-wrap{width:100%;min-height:0;padding:0;margin:0}.edit-category .adit-category-wrap .delete-rec .delete-main-wrap .input-wrapper2{width:100%;padding:0 1.5rem}.edit-category .adit-category-wrap .delete-rec .delete-main-wrap .input-wrapper2 .input-label2{font-size:1rem}.edit-category .adit-category-wrap .delete-rec .delete-main-wrap .input-wrapper2 .input{font-size:1rem;width:100%}.edit-category .adit-category-wrap .delete-rec .bottom-delete{padding:0;margin:0}@media (max-width: 440px){.edit-category .adit-category-wrap .delete-rec .bottom-delete{display:flex;flex-direction:column;align-items:center}.edit-category .adit-category-wrap .delete-rec .bottom-delete .delete-project{width:60%}}.edit-category .adit-category-wrap .delete-rec .bottom-delete .delete-project{border-color:#029797;background-color:#029797;font-weight:700}.edit-category .adit-category-wrap .delete-rec .bottom-delete #cancel{padding-left:.8rem;padding-right:.8rem;border-color:#029797;color:#029797}.edit-category:target{transition:background .4s}.not-found{position:relative;top:7.5vh;display:flex;flex-direction:column;width:100%;align-items:center}.not-found .oops-wrapper{display:flex;align-items:center;justify-content:center}.not-found .oops-wrapper .emoji{max-height:80px;padding:0 15px 20px}.not-found .oops-wrapper .emoji2{max-height:60px}.not-found .oops-wrapper h2{padding:40px 0 50px;font-size:xx-large;color:#000}.not-found .oops-wrapper a{border-radius:5px;text-decoration:None;color:#686868;font-size:x-large;font-weight:600;padding:5px 15px;margin:0 15px;background-color:#eee}.main-page{display:flex;flex-direction:column;align-items:center;background-color:#dbfff9;position:absolute;inset:0;max-height:100vh;overflow-y:auto}.main-page .image-wrapper{box-sizing:content-box;max-width:250px;width:40vw;border-radius:50%;border:10px solid rgba(2,151,151,.51);z-index:1;margin:5vh 5vw}.main-page .image-wrapper .profile{max-width:250px;width:40vw;border-radius:50%}.main-page .intro-side{max-width:85%;font-size:1.5rem;font-weight:500;padding:0 3vw 3vh}@media (max-width: 380px){.main-page .intro-side{font-size:1.3rem}}.main-page .intro-side .welcome{text-align:center;display:block;font-size:3rem;font-weight:700;padding-bottom:0;margin:0}@media (max-width: 1200px){.main-page .intro-side .welcome{font-size:2.5rem}}@media (max-width: 380px){.main-page .intro-side .welcome{font-size:2rem}}.main-page .welcome-links{display:flex;padding-bottom:3vh;padding-top:1vh}@media (max-width: 660px){.main-page .welcome-links{flex-direction:column}}.main-page .welcome-links .submit-button{text-align:center;text-decoration:none;font-size:1.5rem;font-weight:550;margin:1.4vh 1rem 0;padding:1vh 3vw;border-radius:15px}@media (max-width: 440px){.main-page .welcome-links .submit-button{margin:0 0 20px}}@media (max-width: 350px){.main-page .welcome-links .submit-button{font-weight:100;font-size:1.3rem}}.add-section-wrapper .direct-wrapper,.edit-real-category .direct-wrapper{position:static;opacity:1;transform:none;margin:0;padding:0;pointer-events:auto}@media (max-width: 440px){.add-section-wrapper .direct-wrapper,.edit-real-category .direct-wrapper{padding-top:7px;position:absolute;top:0;right:0;width:auto;height:auto;background-color:transparent;cursor:auto}}.add-section-wrapper .direct-wrapper .index-buttons,.edit-real-category .direct-wrapper .index-buttons{position:relative;margin:0;margin-right:.5rem;color:#029797;font-weight:500;font-size:1rem;padding:0}.add-p-section-input{position:relative;border-bottom:1px solid rgb(2,151,151);border-top:1px solid rgb(2,151,151);display:flex;flex-direction:column;align-items:flex-start}.add-p-section-input .add-section-main{width:100%;display:flex;align-items:center}@media (max-width: 850px){.add-p-section-input .add-section-main{flex-direction:column;align-items:flex-start}}.add-p-section-input .add-section-main .section-title{border:none;color:#686868;padding:.5rem .2rem .5rem 2rem;min-width:40%}@media (max-width: 840px){.add-p-section-input .add-section-main .section-title{padding-right:0;padding-left:1rem;max-width:80%}}.add-p-section-input .add-section-main .section-title::placeholder{font-weight:540;color:#a6a6a6}.add-p-section-input .error-mes{width:100%;text-align:center;padding-top:0;padding-bottom:.5rem}.add-p-section-input .edit-section-buttons,.edit-real-category .edit-section-buttons{top:0;right:0;height:100%;display:flex;align-items:center;justify-content:flex-end;padding:0;padding-right:2rem;width:100%}@media (max-width: 850px){.add-p-section-input .edit-section-buttons,.edit-real-category .edit-section-buttons{position:static;margin:0 0 0 5px}}@media (max-width: 440px){.add-p-section-input .edit-section-buttons,.edit-real-category .edit-section-buttons{align-items:center;width:100%;padding-right:.5rem}}.add-p-section-input .edit-section-buttons .two-buttons,.edit-real-category .edit-section-buttons .two-buttons{display:flex}.add-p-section-input .edit-section-buttons .two-buttons .edit-buttons,.edit-real-category .edit-section-buttons .two-buttons .edit-buttons{background-color:#029797;padding:.3rem 1.3rem;font-size:1rem;font-weight:500;border:1px solid rgb(2,151,151)}.add-p-section-input .edit-section-buttons #cancel-section,.edit-real-category .edit-section-buttons #cancel-section{background-color:#fff;border:1px solid rgb(2,151,151);color:#029797}.add-p-section-input .edit-section-buttons .edit-icon,.edit-real-category .edit-section-buttons .edit-icon{border:none;position:static;opacity:1;transform:none;pointer-events:auto;padding:0;width:1.2rem;background-color:transparent}@media (max-width: 440px){.add-p-section-input .edit-section-buttons .edit-icon,.edit-real-category .edit-section-buttons .edit-icon{width:.1rem;align-self:flex-start}}#category-section{border:none;box-shadow:2px 2px 10px #dbfff9}#category-section .add-section-main{background-color:#eee}#category-section .add-section-main .category-section{background-color:#eee;border:none;box-shadow:none;font-weight:700;color:#686868}@media (max-width: 840px){#category-section .add-section-main .category-section{padding-right:0;max-width:80%}}#category-section .add-section-main .category-section::placeholder{font-weight:540;color:#a6a6a6}#category-section .add-section-main .edit-icon{background-color:#fff}@media (min-width: 1000px){#category-section .add-section-main .edit-icon{margin-right:45px}}#category-section .section-wrap{background-color:#f5fffa;padding-bottom:60px}#category-section .section-wrap .content-wrap{min-height:0;padding-bottom:30px}#category-section .section-wrap .content-wrap .section-content{width:100%;background-color:transparent;color:#000}#category-section .section-wrap .content-wrap .section-content::placeholder{color:#a6a6a6}#category-section .section-wrap .empty{color:#a6a6a6;align-self:center;background-color:#fff;border:1px solid #eee;padding:.5rem 1rem;font-size:1.2rem}#category-section .section-wrap .image-wrap .frame-image{max-width:400px}@media (max-width: 1600px) and (min-width: 1300px){#category-section .section-wrap .image-wrap{padding:0;margin:0;justify-content:center}#category-section .section-wrap .image-wrap .image-upload-wrapper{margin:0 10px;flex-direction:column;justify-content:center;align-items:center;width:100%}#category-section .section-wrap .image-wrap .image-upload-wrapper .frame-image,#category-section .section-wrap .image-wrap .image-upload-wrapper .frame-image .section-image{width:100%}#category-section .section-wrap .image-wrap .image-upload-wrapper .image-button-wrapper{flex-direction:row}#category-section .section-wrap .image-wrap .image-upload-wrapper .edit-buttons{align-items:center;margin:5px 10px 15px}}@media (max-width: 1300px){#category-section .section-wrap .image-wrap{padding:0;margin:0;justify-content:center}#category-section .section-wrap .image-wrap .image-upload-wrapper{margin:0 10px 30px;flex-direction:column;justify-content:center;align-items:center;width:100%}}@media (max-width: 1300px) and (max-width: 400px){#category-section .section-wrap .image-wrap .image-upload-wrapper{flex-direction:column;margin-bottom:20px;margin-top:15px}}@media (max-width: 1300px){#category-section .section-wrap .image-wrap .image-upload-wrapper .frame-image{width:100%}}@media (max-width: 1300px) and (max-width: 400px){#category-section .section-wrap .image-wrap .image-upload-wrapper .frame-image{margin:0 0 15px}}@media (max-width: 1300px){#category-section .section-wrap .image-wrap .image-upload-wrapper .frame-image .section-image{width:100%}#category-section .section-wrap .image-wrap .image-upload-wrapper .image-button-wrapper{flex-direction:row}#category-section .section-wrap .image-wrap .image-upload-wrapper .edit-buttons{align-items:center;margin:0 10px 15px}}@media (max-width: 1300px) and (max-width: 400px){#category-section .section-wrap .image-wrap .image-upload-wrapper .edit-buttons{margin:0 7px;border-radius:5px;padding:2px 10px;font-weight:700}}#category-section .section-wrap .image-upload-wrapper{margin-top:0;width:95%}#category-section .section-wrap .image-upload-wrapper .image-button-wrapper{margin-left:1.5rem}#end{position:absolute;bottom:0;right:0;padding:0;margin:15px;align-self:flex-end;opacity:.5}#end .edit-buttons{border-radius:0;margin:0;padding:5px 10px}#end #cancel-section{background-color:#fff;color:#029797}.edit-project .are-you-sure{position:fixed;border-left:5px solid rgb(2,151,151);left:auto;align-items:center;justify-content:center;width:min(450px,100vw);z-index:900}.edit-project .are-you-sure .delete-rec{width:80%;align-self:center}.projects-container .are-you-sure,.section-wrap .are-you-sure{align-items:flex-start;padding:3rem 0}@media (max-width: 850px){.projects-container .are-you-sure,.section-wrap .are-you-sure{align-items:flex-start;padding:1rem}}.are-you-sure{position:absolute;inset:0;background-color:#474747e6;display:flex;align-items:center;justify-content:center;overflow-y:auto;z-index:800}.delete-rec{position:relative;min-height:180px;background-color:#f5fffa;border:1.5px solid rgb(2,151,151);border-radius:5px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:400px}.delete-rec .top-delete{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgb(2,151,151);border-radius:5px 5px 0 0;width:100%;padding:5px;background-color:#fff}.delete-rec .delete-main-wrap{padding:2rem 1.2rem 1rem;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.delete-rec .delete-main-wrap .delete-text{width:90%;font-size:1.15rem;text-align:center}.delete-rec .delete-main-wrap span{color:#c10404;font-weight:600;margin:1rem}.delete-rec .delete-main-wrap #beware{margin-top:0;font-size:1rem;font-weight:700;width:90%}.delete-rec .bottom-delete{width:100%;display:flex;justify-content:flex-end;padding:5px}@media (max-width: 360px){.delete-rec .bottom-delete{flex-direction:column}}.delete-rec .bottom-delete .delete-project{margin:5px;padding:4.5px 18px;border:1px solid #c10404}.delete-rec .bottom-delete #cancel{background-color:#fff;color:#c10404;font-weight:700}.section-wrapper{position:relative;width:100%}.section-wrapper .direct-wrapper{width:100%;justify-content:flex-end;cursor:pointer}.section-wrapper .direct-wrapper .edit-icon{border:1.8px solid #a6a6a6;position:static;opacity:1;transform:none;pointer-events:auto}.section-title{font-size:1.5rem;text-align:left;border:none;width:100%;font-weight:700;border-top:1px solid rgb(2,151,151);padding:10px 2rem}@media (max-width: 440px){.section-title{padding:10px 1.5rem}}.section-title[id]{scroll-margin-top:60px}.section-title:target{background:#f5fffa;transition:background .4s;outline:none}.section-wrapper:hover .direct-wrapper,.section-wrapper:focus-within .direct-wrapper{opacity:1;transform:none;pointer-events:auto}.projects-container{min-height:300px;background-color:#efe7cd;position:relative;display:flex;align-items:flex-start;width:100%;flex-wrap:wrap;padding:3rem 2.15rem}.projects-container #add-project{position:absolute;right:0;bottom:0;margin:25px}@media (max-width: 1250px){.projects-container{padding-bottom:0}}@media (max-width: 800px){.projects-container{justify-content:center;padding:2rem 1rem 6rem}}@media (max-width: 580px){.projects-container{flex-direction:column;align-items:center}}.project{position:relative;max-width:210px;min-width:120px;display:flex;flex-direction:column;align-items:center;margin:1rem 1.5rem 3rem;width:18vw;box-shadow:2px 2px 4px #686868;border-radius:10px;height:auto}@media (max-width: 1250px){.project{margin-bottom:90px}}@media (max-width: 800px){.project{margin:1rem 1.5rem;border-radius:10px;box-shadow:2px 2px 4px #686868}}.project .head-wrapper{position:relative;width:100%}.project .head-wrapper h3{padding:15px 0;text-align:center;width:100%;font-size:1.2rem;cursor:pointer}@media (max-width: 1007px){.project .head-wrapper h3{padding:1vh 0}}.project .head-wrapper .direct-wrapper{width:100%;align-items:center;justify-content:space-between;padding:0 .2rem;margin:0}.project .head-wrapper .direct-wrapper .index-buttons{background-color:#efe7cd;padding:0 .2rem;margin:0}.project .actions{box-shadow:2px 2px 4px #686868;border-radius:0 0 10px 10px;z-index:50;max-width:210px;min-width:120px;width:18vw;padding-top:15px;position:absolute;top:100%;background-color:#efe7cd;overflow:hidden;max-height:0;opacity:0;transform:translateY(-6px);transition:max-height .3s ease,opacity .2s ease,transform .3s ease}@media (max-width: 800px){.project .actions{position:static;box-shadow:none;padding-top:0}}.project.open{border-radius:10px 10px 0 0}@media (max-width: 800px){.project.open{border-radius:10px}}.project.open .actions{overflow:visible;max-height:999px;opacity:1;transform:translateY(0)}.image-frame{box-shadow:0 1px 3px #686868;width:100%;aspect-ratio:12/12.5;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:8px 8px 0 0}.image-frame .project-image{display:block;height:100%;width:100%;cursor:pointer;object-fit:cover;object-position:center;border-radius:8px 8px 0 0}.project:hover .edit-icon,.project:hover .direct-wrapper,.project:focus-within .edit-icon,.project:focus-within .direct-wrapper{opacity:1;transform:none;pointer-events:auto}.links-container{display:flex;flex-direction:column;width:100%;align-items:center}.links-container .singlink-container{position:relative;background-color:#000;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;border-radius:20px;margin-bottom:15px;width:90%;padding:10px 1rem;gap:1rem;cursor:pointer}.links-container .singlink-container .upper-link{display:flex;width:100%;justify-content:center;align-items:center;margin:0;padding:0}.links-container .singlink-container .upper-link .icon{width:25px;margin:0;padding:0}@media (max-width: 500px){.links-container .singlink-container .upper-link .icon{margin-right:2px}}.links-container .singlink-container .upper-link #code-icon{margin-top:3px;margin-bottom:3px}.links-container .singlink-container .upper-link #view-icon{margin:0;padding:0}.links-container .singlink-container .upper-link .singlink{color:#fff;text-decoration:none;width:65%;font-size:1rem;padding:0;margin:0;background-color:transparent;box-shadow:none;border:none;text-align:left;margin-left:1rem}@media (max-width: 500px){.links-container .singlink-container .upper-link .singlink{width:55%}}.links-container .singlink-container .project-link{background-color:#000;z-index:5;border:1px solid black;color:#fff;overflow:hidden;display:block;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;direction:ltr;text-decoration:none;border-radius:5px 5px 5px 0}.links-container p{margin-bottom:7px;color:#474747}.edit-project{box-sizing:border-box;background-color:#f5fffa;border-left:5px solid rgb(2,151,151);position:fixed;height:100%;top:0;z-index:100;right:0;width:450px;max-width:100vw;padding:20px 20px 15px;overflow-y:auto;overflow-x:hidden;margin:0}.edit-project #x-edit-project{position:absolute;top:0;right:0}.edit-project .project-edit-title{width:100%;text-align:center;font-size:1.8rem}.edit-project .project-form{width:100%;display:flex;flex-direction:column;justify-content:space-between;min-height:89vh;padding:0;margin:1rem 0 0}.edit-project .project-form .main-section{display:flex;flex-direction:column;align-items:center;height:100%;padding:0;margin:0}.edit-project .project-form .main-section #project-image-label{margin-bottom:0;margin-top:2rem}.edit-project .project-form .main-section .image-frame{box-sizing:content-box;width:150px;max-width:100%;border-radius:8px;border:1px solid black}.edit-project .project-form .main-section .image-frame .project-image{border-radius:0}.edit-project .project-form .lower-section{width:100%;display:flex;flex-direction:column;align-items:center}.edit-project .project-form .lower-section .move-project .arrow-project{border:none;padding:0;background-color:transparent;border-radius:2px;margin:0 1rem}.edit-project .project-form .lower-section .button-wrapper{display:flex;flex-direction:column;width:100%;align-items:center;padding:15px 0}.edit-project .project-form .lower-section .button-wrapper .submit-button{width:70%;margin-bottom:11px}.edit-project .project-form .lower-section .button-wrapper .cancel-button{width:70%}.edit-project #delete-uniqu{background-color:#fff;border:1px solid #c10404;color:#c10404}.delete-project{background-color:#c10404;border:none;color:#fff;border-radius:7px;z-index:0;font-size:.95rem;padding:4.5px 14px;text-align:center;margin:0}.image-upload-wrapper{width:80%;margin:1rem 0 3rem;display:flex;justify-content:space-between;align-items:center}.image-upload-wrapper .edit-buttons{font-weight:500;padding:5px 15px;margin:8px 0;border-radius:15px;border:1px solid black;background-color:#000}.image-upload-wrapper .image-button-wrapper{display:flex;flex-direction:column}.image-upload-wrapper .image-button-wrapper #remove-image{border:1px solid black;background-color:#fff;color:#000}.image-upload-wrapper .Image-Upload{display:none}.input-wrapper2{width:90%;margin:1rem 0;display:flex;flex-direction:column}.input-wrapper2 .input-label2{margin-bottom:.5rem;font-size:1.1rem;font-weight:550}.input-wrapper2 .input{border:1.5px solid black;width:85%;border-radius:5px;align-self:flex-end;font-weight:550}.input-wrapper2 .input::placeholder{font-weight:500}.whole-section{position:relative;width:100%;height:100%}.whole-section:hover .edit-icon,.whole-section:hover .direct-wrapper,.whole-section:hover #edit,.whole-section:focus .edit-icon,.whole-section:focus .direct-wrapper,.whole-section:focus #edit{opacity:1;transform:translateY(0);pointer-events:auto;z-index:3}.direct-wrapper{position:absolute}.direct-wrapper #edit-icon-section{background-color:#ffffffe6;border:none;width:2.2rem;margin-top:3px}@media (min-width: 1000px){.direct-wrapper #edit-icon-section{margin-right:30px}}.category-section{font-size:1.2rem;text-align:left;width:100%;border-bottom:1px solid mintcream;padding:10px 3vw;background-color:#eee;box-shadow:2px 2px 10px #dbfff9}@media (max-width: 440px){.category-section{padding:10px 25px}}.category-section[id]{scroll-margin-top:60px}.category-section:target{background:#dbfff9;transition:background .4s;outline:none;box-shadow:2px 2px 10px #eee}.section-wrap{padding:30px 3vw 60px;display:flex;flex-direction:column;width:100%;margin:0;min-height:300px;position:relative}@media (max-width: 440px){.section-wrap{padding:30px 25px}}.section-wrap .no-projects{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.section-wrap .empty{color:#a6a6a6;text-align:center}.section-wrap .content-wrap{padding-bottom:4vh}.section-wrap .content-wrap .section-content{font-size:1.3rem;font-weight:500;color:#474747;white-space:pre-line;overflow-wrap:anywhere;line-height:1.6;max-width:66ch}.section-wrap .image-wrap{width:100%;display:flex;flex-direction:row;padding:4vh 0 1vh;align-items:center;justify-content:flex-start}.section-wrap .image-wrap .frame-image{margin:0 20px 35px;border-radius:4px;width:50%;aspect-ratio:5/3;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 10px #474747}.section-wrap .image-wrap .frame-image .section-image{display:block;height:100%;width:100%;cursor:pointer;object-fit:cover;object-position:center}@media (min-width: 1600px){.section-wrap{flex-direction:row}.section-wrap .content-wrap{padding-right:4vw;width:55%}.section-wrap .image-wrap{padding-top:0;width:45%;flex-direction:column}.section-wrap .image-wrap .frame-image{width:80%}}@media (max-width: 1300px){.section-wrap .image-wrap{flex-direction:column}.section-wrap .image-wrap .frame-image{width:70%}}@media (max-width: 900px){.section-wrap .image-wrap .frame-image{width:90%}}#edit{opacity:0;pointer-events:none;position:absolute;bottom:0;right:0;background-color:#eee;border-color:#eee;padding:4px 20px;border-radius:15px;margin:15px}.sections-page{position:relative;min-height:93.5vh}.sections-page .are-you-sure{position:absolute;align-items:flex-start}.sections-page .are-you-sure .delete-rec{margin:2rem 1rem}.sections-page .top-category{scroll-behavior:smooth}.sections-page .top-category #category .edit-icon{border-width:.8px;border-color:#eee;box-shadow:1px 1px 4px #a6a6a6;margin-top:15px;margin-right:15px;width:3rem}@media (max-width: 440px){.sections-page .top-category #category .edit-icon{width:2rem}}.sections-page .lower-sections{height:100%}.sections-page.open{overflow:hidden;margin:0;height:auto}#first-section{display:flex;flex-direction:column;align-items:center}#first-section .category-section{border:none;border-radius:0;width:100%;text-align:center;font-weight:700}#first-section .flower{margin-top:0;width:90%}.top-category:hover #category .edit-icon,.top-category:hover #category{opacity:1;transform:translateY(0);pointer-events:auto;z-index:3}.edit-real-category .edit-category-form .add-section-main{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%;padding:1rem}@media (max-width: 1050px){.edit-real-category .edit-category-form .add-section-main{flex-direction:column}}@media (max-width: 440px){.edit-real-category .edit-category-form .add-section-main{padding:15px 0}}.edit-real-category .edit-category-form .add-section-main .category-title{width:100%;flex:1 1 auto;text-align:left;font-weight:700;color:#474747;margin:0;padding:0;padding-right:3rem;padding-left:30px}@media (max-width: 440px){.edit-real-category .edit-category-form .add-section-main .category-title{margin-bottom:15px;width:80%;align-self:flex-start;padding:0 0 0 15px}}.edit-real-category .edit-category-form .add-section-main .direct-wrapper{padding:15px 5px;pointer-events:auto}.edit-real-category .edit-category-form .add-section-main .edit-buttons{border-radius:10px}