html{hanging-punctuation:first last;color-scheme:dark light;scrollbar-gutter:stable;box-sizing:border-box}* button:focus-visible{outline:7px solid hotpink}*{margin:0}h1,h2,h3,h4,h5,h6{text-wrap:balance}body{font-family:"Times New Roman",Times,serif;min-block-size:100svh;max-width:100svw;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow-x:hidden}body #template__header{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:hsl(23,66%,29%);gap:1em;padding-top:6em;overflow-x:hidden}body #template__pages{display:grid;background-color:#cef;overflow-x:hidden}body #template__footer{margin-block-start:auto;background-color:#fcc;color:#fff;text-align:center;overflow-x:hidden}#template__header__top{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:0 1em}#template__header__top button{grid-row:span;font-size:2em;background-color:rgb(100%,50%,40%);border:#fff 2px solid;border-radius:2em}#template__header__logo{display:flex;flex-direction:column;align-items:center;font-size:2em;text-wrap:wrap}#template__header__logo img{border-radius:50%;object-fit:cover}#template__header__logo h1{color:rgb(100%,50%,40%)}#template__header__logo h3{color:#0af;text-wrap:wrap;padding:.5em 0}#main{max-width:100%;display:grid;grid-template-columns:1fr}#main__paths{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;flex-grow:1;align-items:center}#main__paths button{color:#fff;border:none;border-radius:2em;padding:10px 20px;margin:10px;font-size:2.6em;cursor:pointer;transition:background-color .3s ease;transition:color .3s ease}#main__paths button:hover{background-color:rgb(100%,50%,40%);color:#000}#main__info_cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(min(540px, 100%), 100%);gap:2em;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory}#main__info_cards::-webkit-scrollbar{display:none}#main__info_cards{box-sizing:border-box;padding:1em 1rem}@keyframes scroller{0%,100%{opacity:.15;scale:.5}35%,65%{opacity:1;scale:1}}#main__info_cards .card{display:grid;grid-template-rows:1fr;scroll-snap-align:center;animation:scroller linear both;animation-timeline:view(x);box-shadow:0 0 20px rgba(0,0,0,.2);background-color:hsl(23,66%,29%);text-align:center;padding:1em 1em;border-radius:1rem;border-color:#fff;overflow-y:visible}#main__info_cards .card__header{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.2fr 1fr .3fr .3fr;overflow:hidden;padding:.25em 0}#main__info_cards .card__header h4{grid-column:2/3;grid-row:span 2;margin:0;padding:0;max-width:min-content;max-height:min-content;color:hsl(0,0%,90%);justify-self:right;font-size:6rem;opacity:.4;overflow:hidden;font-family:Verdana,Geneva,Tahoma,sans-serif}#main__info_cards .card__header img{grid-column:1/2;grid-row:2/3;width:60%;border-radius:50%;outline:1px solid #fff;margin-bottom:2rem}#main__info_cards .card__header h2{grid-column:span 2;grid-row:3/4;color:#fff;font-size:2rem;line-height:1.1;letter-spacing:1px}#main__info_cards .card__header h2::after{content:"";display:block;height:1px;width:2em;background-color:#cef;opacity:.35}#main__info_cards .card__header h3{grid-column:span 2;grid-row:4/5;color:hsl(0,0%,90%);opacity:.75;margin:0;padding:0;letter-spacing:1.7px;margin-bottom:1em;transition:opacity .3s ease}#main__info_cards .card__header h3:hover{opacity:1}#main__info_cards .card__text{margin-bottom:1rem}#main__info_cards .card__text p{margin:0;font-size:.875rem;font-weight:300;letter-spacing:.75px;color:#cef;margin-bottom:2em;text-indent:5px;text-align:start;overflow-y:hidden;scrollbar-width:1rem;max-height:6rem;transition:font-size 1.3s ease;padding:1rem}#main__info_cards .card__text p:hover{font-size:1rem}#main__info_cards .card__text h3{color:#0af;opacity:.65;transition:opacity .3s ease}#main__info_cards .card__text h3:hover{opacity:1}#main__info_cards .card__buttons{display:flex;flex-direction:row;gap:1rem;width:fit-content}#main__info_cards .card__buttons button{background-color:#fcc;opacity:.9;border-radius:1.2rem;font-size:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.7);color:#fff;padding:.75rem}#main__info_cards__journaler{display:flex;flex-direction:column;outline:#000 2px dashed;border-radius:2rem;padding:1.5rem .75rem;justify-self:stretch;box-shadow:0 4px 6px rgba(0,0,0,.05);gap:1.5rem;margin:2rem 0}#main__info_cards__journaler__title{text-align:center}#main__info_cards__journaler__body,#main__info_cards__journaler__author,#main__info_cards__journaler__title{background:rgba(0,0,0,0);background-color:hsl(0,0%,90%);resize:vertical;font-family:"Georgia",serif;font-size:1.7rem;line-height:1.4;padding:.22rem .24rem;color:#333;border-radius:.33rem;margin:1rem .2rem;border-bottom:1px solid #000;outline:none;transition:all .3s ease;resize:vertical;border-radius:1rem}#main__info_cards__journaler__body:focus,#main__info_cards__journaler__author:focus,#main__info_cards__journaler__title:focus{border-color:#cef;background-color:#fff;box-shadow:0 0 0 3px rgba(74,144,255,.2)}#main__info_cards__journaler__body::placeholder,#main__info_cards__journaler__author::placeholder,#main__info_cards__journaler__title::placeholder{color:#aaa;font-style:italic}#main__info_cards__journaler button{color:#fff;background-color:#fcc;font-weight:700;border:none;border-radius:2rem;padding:2rem;font-size:3rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease;align-self:center}#main__info_cards__journaler button:hover{background-color:#cef}#template__footer__main{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;background-color:hsl(23,66%,29%);gap:3em}#template__footer__main button{background-color:hsl(9,23%,61%);color:#fff;border:none;border-radius:2rem;padding:8px 16px;margin:3rem;font-size:1.8rem;cursor:pointer;transition:all .3s ease}#template__footer__main button:hover{background-color:hsl(194,95%,76%);color:#000}#template__footer__version{margin-top:5px;font-size:1.9rem;color:hsl(23,66%,29%);margin:auto 0}#login{background-color:#fcc;grid-row:3/-1;grid-column:1/-1;display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center;max-height:fit-content;padding:1rem}#login h1{height:4rem;text-align:center}#login__center{border:1rem #000 solid;padding:1rem}#login__center form{border:10px red solid;padding:1rem;display:flex;flex-direction:column;gap:.75rem 0}#login__center form button{padding-top:1rem}#login__response{height:fit-content;width:85%;padding:1rem;border:blue 1rem solid;overflow-wrap:break-word;word-wrap:break-word}#login__response h4{font-size:x-large}#register{background-color:#fcc;grid-row:3/-1;grid-column:1/-1;display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center;min-height:100%;padding:1rem}#register h1{height:4rem;text-align:center}#register__center{border:1rem #000 solid;padding:1rem}#register__center form{border:10px red solid;padding:1rem;display:flex;flex-direction:column;gap:.75rem 0}#register__center form button{padding-top:1rem}#register__response{height:fit-content;width:85%;padding:1rem;border:blue 1rem solid;overflow-wrap:break-word;word-wrap:break-word}#register__response h4{font-size:x-large}#error{background-color:blue}#error__block{display:flex;flex-direction:column;align-items:center;justify-content:space-between}#error__block__header{background-color:red;color:#fff;text-align:center}#error__block__body button{background-color:red;color:#fff;transform:translateY(-2px)}#error__block__body button:hover{background-color:darkred;transform:translateY(-1px);transition:all .2s ease-in-out}#settings{background-color:#fcc;grid-row:3/-1;grid-column:1/-1;display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center;max-height:fit-content;min-width:100%;padding:1rem}#settings h1{height:4rem;text-align:center}#settings__center{border:1rem #000 solid;padding:1rem}#settings__center form{border:10px red solid;padding:1rem;display:flex;flex-direction:column;gap:.75rem 0}#settings__center form button{padding-top:1rem}#settings__response{height:fit-content;width:85%;font-size:3rem;text-shadow:2px 2px 4px rgba(0,0,0,.7);color:#fff}#indiv_cards{display:flex;flex-direction:column;margin-top:2rem;justify-content:center;align-items:center}#indiv_cards .indiv_cards__card{box-shadow:0 0 20px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:hsl(23,66%,29%);text-align:center;padding:2em;margin:2em 1rem;gap:4em;border-radius:3rem;overflow-x:hidden}#indiv_cards .indiv_cards__card__header{display:flex;flex-direction:column;overflow:hidden}#indiv_cards .indiv_cards__card__header img{width:75%;display:block;object-fit:cover;border-radius:50%;border:5px solid #fff;margin-bottom:2em}#indiv_cards .indiv_cards__card__header h2{color:#fff;font-size:3em;line-height:1.2;letter-spacing:3px;word-wrap:wrap}#indiv_cards .indiv_cards__card__header h2::after{content:"";display:block;height:1px;width:2em;background-color:#fff;margin:.85em auto .01em;opacity:.35}#indiv_cards .indiv_cards__card__header h3{color:hsl(0,0%,90%);opacity:.75;margin:0;padding:0;letter-spacing:1.7px;margin-bottom:1em;transition:opacity .3s ease}#indiv_cards .indiv_cards__card__header h3:hover{opacity:1}#indiv_cards .indiv_cards__card__text p{margin:0;font-size:1.375rem;font-weight:500;letter-spacing:.75px;color:hsl(194,95%,76%);opacity:.8;margin-bottom:2em;text-indent:5px;text-align:start;overflow-y:auto;scrollbar-width:1px;max-height:26rem;transition:all .3s ease}#indiv_cards .indiv_cards__card__text p:hover{font-size:1.575rem;opacity:1}#indiv_cards .indiv_cards__card__text h3{color:#0af;opacity:.65;transition:opacity .3s ease}#indiv_cards .indiv_cards__card__text h3:hover{opacity:1}#main__info_cards__confirmation{display:flex;flex-direction:row;flex-wrap:wrap;margin:1rem;gap:1rem;width:fit-content}#main__info_cards__confirmation button{background-color:hsl(9,23%,61%);border-radius:1.2rem;font-size:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.7);color:#fff;padding:.75rem}#confirmation{width:100dvw;background-color:coral;border-radius:2rem}#input_and_image{grid-column:span;display:flex;flex-direction:column;justify-content:center;padding:0 1.22rem;padding-bottom:2rem;max-width:1000px}#input_and_image #picture_upload{width:fit-content;max-height:fit-content}#input_and_image input[type=file]::file-selector-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#62529c;color:#fff;border:none;padding:1rem 3rem;font-size:2rem;cursor:pointer;border-radius:2rem;margin:0 .2rem;transition:background-color .3s ease}#input_and_image input[type=file]::file-selector-button:hover{background-color:#0d45a5}#input_and_image #upload_response{font-size:3rem;text-shadow:2px 2px 4px rgba(0,0,0,.7);color:#fff}#input_and_image #main__info_cards__journaler{display:flex;flex-direction:column;outline:#000 2px dashed;border-radius:2rem;padding:1.5rem .75rem;justify-self:stretch;box-shadow:0 4px 6px rgba(0,0,0,.05);gap:1.5rem;margin:2rem 0}#input_and_image #main__info_cards__journaler__title{text-align:center}#input_and_image #main__info_cards__journaler__body,#input_and_image #main__info_cards__journaler__author,#input_and_image #main__info_cards__journaler__title{background:rgba(0,0,0,0);background-color:gray;resize:vertical;font-family:"Georgia",serif;font-size:1.7rem;line-height:1.4;padding:.22rem .24rem;color:#333;border-radius:.33rem;margin:1rem .2rem;border-bottom:1px solid #000;outline:none;resize:vertical;border-radius:1rem;transition:background-color .3s ease}#input_and_image #main__info_cards__journaler__body:focus,#input_and_image #main__info_cards__journaler__author:focus,#input_and_image #main__info_cards__journaler__title:focus{border-color:#4a90e2;background-color:#fff;box-shadow:0 0 0 3px rgba(74,144,255,.2)}#input_and_image #main__info_cards__journaler__body::placeholder,#input_and_image #main__info_cards__journaler__author::placeholder,#input_and_image #main__info_cards__journaler__title::placeholder{color:#aaa;font-style:italic}#input_and_image #main__info_cards__journaler button{color:#fff;background-color:coral;font-weight:700;border:none;border-radius:2rem;padding:2rem;font-size:3rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease;align-self:center}#input_and_image__confirmation button{background-color:green;color:#fff;border:none;border-radius:5px;padding:8px 16px;margin:1rem 0;font-size:1rem;cursor:pointer;transition:background-color .3s ease}#input_and_image__confirmation button:hover{background-color:#006400}@media(max-width: 600px){#template_pages__top{grid-row:1/2;grid-column:1/-1;display:flex;flex-direction:column;align-items:center;width:99%}#template_pages__top__nav{grid-template-columns:1fr}#template_pages__top__subject{grid-column:1/-1;text-align:center}img{border-radius:6rem}}/*# sourceMappingURL=style.css.map */