*{margin:0;box-sizing:border-box}:root{--background:#f5f5f5;--hover:rgba(0,0,0,0.05);--theme:#1b50a0;--text:#1d1d1d;--danger:#ff4848}body,html{height:100%}body{background-color:var(--background);color:var(--text);font-family:var(--hmos-sans);text-rendering:geometricPrecision;display:flex;overflow:hidden;margin:0}h1,h2,h3,h4,h5{color:var(--theme);font-family:var(--grenadine),var(--grenadine-cjk);line-height:2}.left-menusidebar{padding:30px;height:100vh;max-width:20%;overflow-y:auto;flex-shrink:0}.main-children-content{padding:30px;flex:1;height:100vh;min-height:0;overflow-y:scroll;word-wrap:break-word}.main-children-content p,ul{line-height:1.5}li a{color:var(--theme)}.logo-extrabotpadding{margin-bottom:10px}.link-detector-parent{text-decoration:none;color:var(--theme)}.link-detector{padding:5px;border-radius:10px}.link-detector:hover{background-color:var(--hover)}.link-detector.active{font-weight:700}.link-detector.active:before{content:"";display:inline-block;width:2px;height:10px;position:relative;left:-10px;border-radius:10px;background-color:var(--theme)}.art-image{border-radius:10px}.art-creds a{color:var(--text);font-weight:700}.project-grid-flex{display:inline-flex;flex-wrap:wrap;word-wrap:break-word;gap:10px;max-width:100%}.project-grid-element{position:relative;border-radius:10px;overflow:hidden;width:300px;border:1px solid #636363;box-shadow:0 7px 6px 0 rgba(0,0,0,.25);transition:all .2s ease}.project-grid-element:hover{transform:translateY(-1%);box-shadow:0 10px 6px 0 rgba(0,0,0,.25)}.project-grid-element h2{color:var(--text);max-width:fit-content}.project-grid-element-icon{position:absolute;top:27%;left:15px;z-index:1}.project-grid-element-content{margin-top:0;padding:10px;word-wrap:break-word}.project-grid-element-content-button{color:var(--text);text-decoration:none;display:flex;padding:10px;gap:10px;align-items:center;border-radius:10px;max-width:fit-content}.project-grid-element-content-button:hover{background-color:var(--hover)}.guestbook-form{display:flex;flex-direction:column;gap:5px;margin-top:10px}.guestbook-name-insert{display:flex;align-items:center}.guestbook-name-insert img{border-radius:50%}.guestbook-name-holder{appearance:none;border:none;padding:10px;color:var(--text);font-family:var(--hmos-sans);background-color:rgba(0,0,0,0);font-weight:700;outline:none;flex:1}.guestbook-message-container{display:flex;flex:1;align-items:center;gap:20px}.guestbook-message-container textarea{resize:none;appearance:none;border:none;padding:10px;height:48px;border-radius:40px;font-family:var(--hmos-sans);vertical-align:center;flex:1}.guestbook-message-container button{justify-self:flex-end;appearance:none;border:none;background-color:var(--theme);aspect-ratio:1/1;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.loader{--color-1:#fff;--size:1px;aspect-ratio:1/1;width:28px;height:28px;border-radius:50%;display:inline-block;border-top:calc(3 * var(--size)) solid var(--color-1);border-right:calc(3 * var(--size)) solid transparent;box-sizing:border-box;animation:rotation .5s linear infinite}.loader-theme{--color-1:var(--theme);width:24px;height:24px}.guestbook-loading-container{display:flex;align-items:center;gap:12px;margin:15px 0}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.inline-status{border:1px solid var(--theme);color:var(--theme);padding:2px 5px;max-width:fit-content;background-color:color-mix(in srgb,var(--theme),transparent 85%);margin-top:10px}.inline-status,.logout-button{font-weight:700;font-size:10pt;border-radius:20px}.logout-button{cursor:pointer;padding:5px 10px;color:var(--danger);justify-self:flex-end;background-color:color-mix(in srgb,var(--danger),transparent 85%)}