:root{--footer-height: 3em;--nav-width: 385px;--header-height: 6em;--visions-total: 0;--color-background: rgb(239, 239, 239);--color-text_background-gradient: #dbdbdb, var(--color-background)}*{margin:0;padding:0;box-sizing:border-box;font-family:New times roman,monospace}body{display:flex;flex-direction:column;overflow-x:hidden;position:relative;min-height:100vh;background-color:var(--color-background)}nav{display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;height:calc(100vh - var(--footer-height) - var(--header-height));width:var(--nav-width);padding-top:2em}header{display:flex;justify-content:center;align-items:center;height:var(--header-height)}h1{text-align:center;font-weight:300}h4{color:#333;font-weight:300}h5{color:#333;font-weight:200}.container-row{display:flex;flex-direction:row}.container-col{display:flex;flex-direction:column}ul{list-style:none}nav li{text-decoration:none;cursor:pointer;font-size:.85em;font-weight:100}.home-link{padding-bottom:1.4em;font-size:1.05em;font-weight:800}a{text-decoration:none;color:#333}img,video{height:100%;display:block;object-fit:contain}menu{height:inherit}footer{height:var(--footer-height);margin-top:auto;padding:1em;text-align:center;color:#eee;background-color:#333}footer p{font-size:.75em}#menu{display:flex;flex-direction:column;justify-content:space-between;height:inherit;padding:1em}#main-menu{display:flex;flex-direction:column;gap:1.8em}.close-menu{align-self:flex-end;cursor:pointer}.addNewPost{color:var(--color-background);font-weight:600}#visions{display:grid;grid-template-columns:repeat(var(--visions-total),minmax(auto,auto));gap:.5em;margin:0 auto;width:calc(100vw - var(--nav-width));scroll-behavior:smooth;scroll-snap-type:x mandatory;overflow-x:auto}.vision-element{display:flex;align-items:stretch;width:auto;background:linear-gradient(90deg,var(--color-text_background-gradient));scroll-snap-align:start}.picture{flex:0 0 auto;height:60vh;width:auto;object-fit:contain}.context{display:flex;flex-direction:column;justify-content:center;flex:auto;gap:2em;margin:0 1em;width:555px;max-height:50vh;overflow-y:hidden}.context p{line-height:1.55}.context p,span{font-size:.8em;color:#222}.context p:last-child{text-align:end}.text{width:100%;white-space:pre-line;word-break:break-word}.post-form{position:absolute;left:var(--nav-width);bottom:calc(2em + var(--footer-height));display:grid;grid-template-columns:4fr 1fr 1fr;gap:2em}.post-form>div{display:flex;flex-direction:column;justify-content:flex-end;gap:1em}.post-form textarea,.password{padding:.25em;background-color:#eee;border-radius:.25em;border:none;border-bottom:solid 1px #333;resize:none}.btn:focus,textarea:focus,input:focus,a:-webkit-any-link{outline:none}.post-form p{margin-bottom:.8em}.file-upload-container{display:inline-block;white-space:nowrap}.btn{padding:.25em;color:#eee;background-color:#222;border-radius:.25em;border:none;cursor:pointer}.file-btn{display:inline-block;vertical-align:middle;width:226.66px;font-size:17.333px;text-align:center}.selected-file{display:inline-block;vertical-align:middle}input[type=file]{display:none}label,.selected-file{display:inline-block}.password:focus{outline:none}.hidden{display:none}