.nav_bar_layout{background-color:#282828b3;display:flex;justify-content:space-between;align-items:center;text-align:center;padding:.5em 1em;position:fixed;top:0;right:0;left:0;z-index:1000}#homepage_button{width:15em;height:2.5em;padding-bottom:5px}#homepage_button_img{width:15em;height:2.5em;border-radius:2em;border:solid 5px;border-color:transparent;transition:all 1s}#homepage_button_img:hover{border-color:purple;transform:translateY(-4px) scale(1.1);box-shadow:2px 2px 1.5em #0fa;transition:all 2s}.navbar_other_buttons{justify-content:center;display:inline-block;border:solid white;border-radius:2em;padding-inline:.5em;margin-inline:1em;width:8em;height:2em;line-height:2em;color:#fff;font-size:16px}.navbar_other_buttons:hover{background-color:gray}#profile_button{color:#fff;font-size:16px;border:solid white;padding:1.5em;border-radius:50%}#profile_button:hover{background-color:gray;box-shadow:1px 1px 1em #0fa}.navbar_other_buttons a{text-decoration:none;color:inherit;display:block}#homepage_button a{display:block;width:100%;height:100%;text-decoration:none}@media(max-width:768px){#hopemage_button{width:10em;padding-bottom:3px}.navbar_other_buttons{font-size:12px;text-align:center}}@media(max-width:520px){#hopemage_button{width:6em}#homepage_button_img{width:6em;height:100%;border-radius:2em;border:solid 5px;border-color:transparent;transition:all 1s}}.footer{position:relative;margin-top:auto;margin-bottom:0;font-size:16px}.footer a{text-decoration:none;color:#000}.footer_main_text_container{position:relative;height:10vh;width:80vw;margin:auto;display:flex;justify-content:center;align-items:center;flex-direction:row}.footer_main_text{text-align:center;line-height:2vh}.footer_datelogos_container{margin:auto;height:5vh;width:80vw;display:flex;justify-content:center;align-items:center;align-content:center}.footer_logos_container{display:flex;justify-content:right;align-items:right;align-content:right;margin-left:auto;margin-right:0;gap:2vw}.footer_date_text{height:5vh;width:20vw;margin-top:5vh;text-align:center}.footer_socialmedia_icon{height:5vh;width:5vh;margin:auto}@media(max-width:800px){.footer_main_text_container{flex-direction:column;height:auto;padding:1em 0}.footer_datelogos_container{flex-direction:column;height:auto}.footer_logos_container{justify-content:center;margin-top:2vh;margin-bottom:auto;margin-left:auto;margin-right:auto;gap:3vw}.footer_date_text{width:auto;margin:auto}}