html,body{height:100%;margin:0}p{line-height:1.4}.grid-container{display:grid;grid-template-columns:auto 1fr;gap:1rem;height:100vh}.window{display:flex;flex-direction:column}.window-pane{overflow-y:auto;flex:1}.grid-container{display:grid;grid-template-columns:clamp(150px,25vw,300px)1fr;grid-template-rows:auto;justify-content:space-between;gap:.5rem;width:100%}.menu-window ::-webkit-scrollbar{width:0}.menu-pane{font-size:medium}.menu-pane>p>a{text-decoration:none}#maincode{text-align:left}.underlined{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:3px}.menu-pane>p:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:3px;cursor:pointer}#message{color:#000;background-color:#fff;border:2px solid;width:60%;height:5rem;margin:0 auto;padding:.5rem;font-size:1rem;font-weight:700}#message:focus{color:#fff;background-color:#000}#submit{cursor:pointer}#submit:hover{color:#fff;background-color:#000;border-radius:5px;box-shadow:0 2px 5px #0000001a}.tag{background-color:#cecece;margin-right:.5rem;padding:.2rem .5rem;font-size:.9rem}.contentHidden{display:none}.projectHeading{cursor:pointer;text-align:center}#viewall{border:2px solid #000;width:-moz-fit-content;width:fit-content;margin:1rem auto;padding:.5rem}#viewall:hover{color:#fff;background-color:#000;box-shadow:0 2px 5px #0000001a}@media (max-width:768px){.grid-container{grid-template-columns:1fr;height:auto}}