@media screen and (min-width: 1024px){.container{box-sizing:border-box;height:100vh;padding:0;width:100%;align-items:stretch}.content{margin-left:15em}.home{margin:10% 15%}.navigation-button{gap:5%;height:35px;padding:8px 12px;width:85%;flex-direction:row}.navigation-button-image{width:20px}.navigation-button-list{flex-direction:column}.navigation-sidebar{background-color:#f5f5f5;border-color:#e6e6e6;height:100%;width:15em}.navigation-title{text-align:center}.project-container{box-shadow:10px 10px 15px #0000004d;margin:.76em 0 .75em;flex-direction:row}.project-img{width:27%}.project-list{margin:.76em 1.5em .75em}.skill-box{box-shadow:10px 10px 15px #0000004d}}@media screen and (max-width: 1024px){h2{margin:0}.container{flex-direction:column-reverse;padding-bottom:20%;align-items:flex-end}.content{flex:1;margin:10%}.navigation-button{height:100%;padding:0;width:5rem;flex-direction:column}.navigation-button-image{width:2.5rem}.navigation-button-image-p{font-size:.75rem;margin:.1rem}.navigation-button-list{gap:1.5rem;height:90%;width:100%;flex-direction:row;justify-content:center}.navigation-sidebar{background-color:#5786b5;border-color:#e6e6e6;bottom:0;height:4rem;left:0;width:100%;z-index:500;align-items:center;display:flex}.navigation-title{display:none}.project-container{box-shadow:5px 5px 7px #0000004d;margin-bottom:1em;flex-direction:column}.project-img{width:100%}.skill-box{box-shadow:5px 5px 7px #0000004d}}html,body,img{font-family:Arial,Verdana,sans-serif;height:100%;margin:0;padding:0}h1{font-size:3vh}.container{display:flex;margin:0}.content{background-color:#fff}.home-p{line-height:1.8}.link-github{background-color:#d7d7d7;border:2px solid black;border-radius:6px;gap:5%;height:35px;margin:0;outline:none;padding:8px 12px;width:fit-content;align-items:center;display:flex;flex-direction:row;white-space:nowrap}.link-github:hover{color:#00f}.navigation-button{background-color:#f5f5f5;border:0px;border-radius:6px;margin:0;outline:none;align-items:center;display:flex}.navigation-button.active{background-color:#add8e6}.navigation-button:hover:not(.active){background-color:#d7d7d7}.navigation-button-list{align-items:center;display:flex}.navigation-sidebar{border-right:1px solid;border-color:#e6e6e6;position:fixed}.project-container{background-color:#f5f5f5;border:3px solid;border-color:gray;border-radius:6px;display:flex}.project-description{margin:1.5em;display:flex;flex-direction:column}.project-img{border-color:gray;border-right:3px solid}.project-list{height:120vh;display:flex;flex-direction:column}.skill{align-items:center;margin:1em .5em;width:13%;display:flex;flex-direction:column}.skill-box{border:3px solid;border-color:gray;border-radius:6px;align-content:flex-end;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.skill-img{width:2.5rem}.skill-p{text-align:center}