:root{--main-background-color: #494e84;--main-bright-background-color: #fbfbfb;--main-light-blue: #74afda;--main-red: #dd164c;--main-yellow: #da9100;--main-cyan: #00a693;--secondary-background: #292f6d;--secondary-yellow: #ff9527;--secondary-light-blue: #9497B6;--pages-selected: #dd164c;--pages-unselected: #bec0d3;--section-title: #bec0d3}*{box-sizing:border-box;margin:0}body{margin:0;padding:0;box-sizing:border-box;font-family:IBM Plex Sans,sans-serif;font-weight:400;font-style:normal;font-size:20px;line-height:20px;text-align:center;width:100%;min-height:100vh;position:relative;background-color:var(--main-bright-background-color)}#container{display:grid;grid-template-columns:1fr 4.5fr 1fr;grid-template-rows:minmax(30px,auto) 1fr minmax(30px,auto);gap:1rem;height:100vh;width:100vw}a:link,a:visited{text-decoration:none;font-style:normal;font-weight:400;font-size:20px}a:hover{color:var(--pages-selected)}.item-1{grid-area:2/1/2/2;align-self:flex-start;display:flex;flex-direction:column;justify-self:left;text-align:left}.unselected{color:var(--pages-unselected)}.selected{color:var(--pages-selected)}.pages{margin-left:20px;margin-right:10px;margin-bottom:20px;position:relative;font-family:Barlow,serif}.selected:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:4px;background-color:var(--pages-selected);animation:underline-animation .5s linear}.pages:hover{color:var(--pages-selected)}@keyframes underline-animation{0%{width:0%}to{width:100%}}.icon-link{text-decoration:none;color:#000;cursor:pointer;margin-right:1rem}.icon-link:hover{color:var(--main-red)}footer{grid-area:3/1/3/2;position:relative;width:100%;color:var(--secondary-light-blue);text-align:left;font-size:10px;margin-left:20px}.footer-content{display:flex;align-items:center;justify-content:start}.footer-content i{margin-right:5px}.item-3{grid-column-start:3;grid-column-end:4;grid-row-start:1;grid-row-end:2;justify-self:end;align-self:start}.item-4>a{color:#00f;text-decoration:underline}.item-4{grid-area:3/1/4/2;align-self:end;justify-self:start}.item-2{grid-area:3/3/4/4;justify-self:end;align-self:end}.windowView{grid-row:2/4;grid-column:2/4;outline:1px solid #2d2d2d;box-shadow:-5px 5px 5px #0000001a;display:flex;flex-flow:column wrap;background-color:#fff;overflow-y:auto;justify-content:left;align-items:center;margin:.5rem;margin-bottom:0}.about{display:flex;width:100%;height:70%;flex-flow:row wrap;align-items:flex-start;gap:10px 20px;padding:10px}.about .column-left{width:30%;margin:10px;justify-content:center}.about .column-left img{width:100%}#links{position:relative;margin:0;margin-top:1rem;display:flex;flex-direction:column}#links p{margin:10px;text-align:left;font-size:1.1rem}#icons{display:flex;margin:10px}.text-content h2{font-size:25px;margin:0;text-align:left}.text-content{display:flex;flex-flow:column wrap-reverse;width:60%;font-size:1rem;padding-top:2rem;padding-bottom:.5rem;overflow:scroll;font-family:IBM Plex Sans,sans-serif;font-weight:400}.text-content p{text-align:justify;margin:0;font-size:18px}.text-content ul{list-style:none}.text-content{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.text-content::-webkit-scrollbar{display:none}li{padding-top:8px}li>strong{font-style:bold}.logos{width:100%;display:inline-flex;justify-content:space-around}@media screen and (max-width: 700px){#container{display:flex;flex-flow:row wrap;justify-content:space-between;height:100%;width:auto;margin:.4rem}.item-1{order:1;font-size:.1rem;flex-direction:row}.item-2{order:2;font-size:.1rem}.item-3{order:3;font-size:.1rem}.item-4{order:4;font-size:.1rem}.windowView{height:100%;width:100%;flex-basis:auto;order:5;justify-content:center}footer{order:99;width:100%;position:relative}.about{justify-content:center}.about>img{width:40%}.about .column-left{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;width:100%;margin:10px}.about .column-left img{width:40%;flex-shrink:0}#links{position:relative;flex:1;margin:.4rem;margin-top:0}#links p{font-size:.9rem}.text-content{width:80%;padding-top:2px;font-size:14px;margin:.5rem}.displaybar{height:1.5rem;border:3px solid black}.displaybar>p{font-size:.7rem}.logos{width:auto}.logos img{width:25%;height:25%}}