main{margin:0;padding:0;width:100%;height:100%}body{font-family:var(--body-font)}.landingPage{width:100%;height:100%;color:#ffffff}.landingPage-header{background:var(--background);display:flex;justify-content:center;align-items:center;height:80vh}.landingPage-header h1{font-family:var(--header-font);font-size:5rem;padding:4rem 0 1rem;margin:0;color:var(--third-color)}.about-section{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--third-color);color:var(--secondary-color);padding:2rem;margin:0 auto}.about-section h2,.about-section p{max-width:700px}.about-section h2{padding:1rem 0 .5rem;margin:0}.about-section p{padding-bottom:1rem;margin:0}.resume-section{display:flex;flex-direction:column;align-items:center;justify-content:top;background-color:#fff;padding:3rem 0 1rem;margin:0 auto;color:#000}.resume-section h2{color:var(--fifth-color);margin:0}.games-section{flex-direction:column;justify-content:start;box-shadow:0 .25rem 1rem rgba(0,0,0,.5);background-color:var(--fourth-color);padding-top:2rem;color:var(--fifth-color);height:78ch}.game-list,.games-section{display:flex;align-items:center}.game-list{justify-content:center}.RPS,.todo-list{background:rgba(255,255,255,.8);padding:1.5rem;margin:1rem;border-radius:10px;max-width:300px;color:var(--fifth-color);height:10rem}.PlayNow{padding:1rem 2rem;background-color:var(--third-color);color:var(--fifth-color);text-decoration:none;font-weight:bolder;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease;font-family:var(--body-font);box-shadow:0 .25rem 1rem var(--fifth-color)}.PlayNow:hover{background:none;background-color:var(--fourth-color);box-shadow:inset 0 1rem 2rem rgba(0,0,0,.2);animation:glitch .4s cubic-bezier(.25,.46,.45,.94) infinite both}.PlayNow:active{box-shadow:none;transition:.1s ease;border:.2rem solid var(--fifth-color)}@media (max-width:565px){.landingPage-header{height:25vh}.landingPage-header h1{font-size:3.5rem;padding:2rem 0 1rem}main{background:#FFF;background:linear-gradient(178deg,rgba(255,255,255,1) 10%,rgba(43,88,118,1) 11%,rgba(78,67,118,1))}.game-list{display:flex;flex-direction:column}.RPS,.todo-list{max-width:300px}}@media (max-width:1100px){.landingPage-header{height:30vh}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-4px,4px)}40%{transform:translate(-4px,-4px)}60%{transform:translate(4px,4px)}80%{transform:translate(4px,-4px)}to{transform:translate(0)}}