div.page#projects{display:flex;flex-direction:column}div.page#projects #header{display:flex;flex-direction:row;width:100%;color:#f5f5f5;gap:20px}div.page#projects #header>a{color:#f5f5f5;font-size:xx-large;text-decoration:none;font-weight:bolder}div.page#projects #header p{margin-top:auto;margin-bottom:auto}div.page#projects #header p a:link{color:#0ff}div.page#projects #header p a:visited{color:#009696}div.page#projects #container{display:flex;flex-direction:row;height:100%;width:100%;overflow:hidden}div.page#projects #container #sideBar{display:inline-flex;flex-direction:column;padding:10px;position:relative;width:2.5%;border-right:solid 1px whitesmoke}div.page#projects #container #sideBar *{background-color:#f5f5f5;margin-bottom:10px;padding:0;border-radius:2px;border:solid whitesmoke 2px}div.page#projects #container #list{border-top:solid whitesmoke 1px;display:flex;flex-direction:row;flex-wrap:wrap;overflow-y:scroll;width:100%}div.page#projects #container #list .item{align-items:center;border:solid whitesmoke 2px;border-radius:10px;box-sizing:border-box;background-color:#000;flex-direction:column;height:250px;margin-left:50px;margin-top:50px;padding:10px;position:relative;width:250px}div.page#projects #container #list .item textarea.name{background-color:#000;border:0px;color:#f5f5f5;font-size:x-large;margin-top:auto;margin-bottom:auto;resize:none;text-align:center;width:80%}div.page#projects #container #list .item div.actions{bottom:10px;display:flex;flex-direction:row;justify-content:space-around;position:absolute;width:90%}div.page#projects #container #list .item div.actions *{aspect-ratio:1/1;font-size:xx-large;line-height:1;border:0px;border-radius:5px}div.page#projects #container #list #addProject{background-color:#000;border-style:dashed;color:#f5f5f5;font-size:xx-large}div.page#projects #container #list #addProject:hover,div.page#projects #container #list #add:active{color:#7cfc00;border-color:#7cfc00}div.page#projects #revisions{background-color:#000;border:solid whitesmoke 2px;height:80%;width:20%}div.page#projects #revisions #container{display:flex;flex-direction:column;height:100%;width:100%}div.page#projects #revisions #container *{font-size:x-large}div.page#projects #revisions #container #revisionList{display:flex;flex-direction:column;gap:15px;height:100%;margin-bottom:15px;margin-left:auto;margin-right:auto;overflow-y:scroll;width:min-content}div.page#projects #revisions #container #closeRevisions{border:0px;margin-left:auto;margin-right:auto;margin-top:auto}div.page#projects #revisions::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}