html{box-sizing:border-box;height:100%;overflow:auto scroll;overscroll-behavior-y:none}body{background-color:var(--mellow-apricot);font-family:Inter,sans-serif;margin:0}.login-page,.sign-in-page{display:grid;grid-column:2/-2;place-items:center}.App,.login-page,.sign-in-page{height:100%;min-height:100vh;width:100%}.App{display:flex;flex:1 1;flex-direction:row}.account-page,.change-password-page,.favorites-page,.home-page,.messages-page,.search-page,.user-page{display:flex;flex-grow:1;flex-shrink:1;height:100vh;justify-content:flex-start;z-index:0}.nav__component{align-items:flex-end;display:flex;flex-grow:1;justify-content:flex-end;z-index:3}.compose-hoot__component{background-color:rgba(91,112,131,.4);display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw}@media only screen and (max-width:1008px){.nav__component{width:68px}}@media only screen and (max-width:988px){.account-page,.change-password-page,.favorites-page,.home-page,.messages-page,.search-page,.user-page{flex-grow:2}}@media only screen and (max-width:688px){.account-page,.change-password-page,.favorites-page,.home-page,.messages-page,.search-page,.user-page{flex-grow:1;width:100%}}@media only screen and (max-width:500px){.nav__component{align-items:center;border-top:1px solid #2f3336;bottom:0;display:flex;height:3.5rem;justify-content:space-around;left:0;position:fixed;right:0;width:100%;z-index:99}}