body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.footer{background-color:#5c7add;width:100%}.footer,.header{display:flex;flex-direction:row;justify-content:center}.header{background:#5c7add;color:#fff;font-size:30px;margin:auto;text-align:center}.logo{height:70px;width:70px}input{border-color:#72b5f8;border-left:0;border-right:0;border-top:0;height:50px;width:70%}.form-submit-button{background-color:#72b5f8;border-bottom:0;border-radius:10px;color:#fff;cursor:pointer;font-size:22px;font-weight:500}.group-icon{border-radius:50%;height:100px;object-fit:cover;width:100px}.PostScreen{flex-direction:column;grid-area:postScreen}.PostScreen,.ScreenCard{border-radius:10px;display:flex;justify-content:flex-start}.ScreenCard{align-items:center;background-color:#f0f8ff;box-shadow:3px 3px 20px -8px #454345;margin:10px auto;padding-left:40px;padding-right:40px;width:60%}.ScreenCardDescription{flex-direction:flex-start;justify-content:flex}.ScreenCardContainer{border:2px solid grey;border-bottom:0;border-radius:10px;border-right:0;border-top:0;display:inline-block;margin:0 auto;width:80%}.ScreenCardContainerLabel{font-size:22px;font-weight:600;padding-left:20px;text-align:left}.ScreenCardContainerDescription{font-size:16px;padding-left:20px;text-align:left}.posts-container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:-1px 1px 32px -13px rgba(0,0,0,.75);-webkit-box-shadow:-1px 1px 32px -13px rgba(0,0,0,.75);-moz-box-shadow:-1px 1px 32px -13px rgba(0,0,0,.75);display:flex;height:auto;justify-content:center;margin:50px auto;width:60%}.grid-container{grid-gap:5px;background-color:#72b5f8;display:grid;gap:5px;grid-template-areas:"navigation-panel postScreen postScreen postScreen postScreen postScreen" "navigation-panel postScreen postScreen postScreen postScreen postScreen";padding:10px}.grid-container>div{background-color:hsla(0,0%,100%,.8);padding:20px 0;text-align:center}.logo-main{background-color:#fff;border-radius:50%;box-shadow:3px 3px 20px -8px #454345;height:200px;object-fit:cover;width:200px}.header-icon{height:80px;width:80px}form{margin:0 auto;padding:20px;width:100%}.welcomeText,form{align-items:center;display:flex;flex-direction:column;justify-content:center}.welcomeTitle{color:#fff;font-size:28px}.SignInContainer{background-color:#72b5f8;min-height:80vh}.SignInContainer,.SignInForm{align-items:center;display:flex;flex-direction:column;padding:20px}.SignInForm{background-color:#fff;border-radius:20px;box-shadow:-1px 1px 32px -13px rgba(0,0,0,.75);-webkit-box-shadow:-1px 1px 32px -13px rgba(0,0,0,.75);-moz-box-shadow:-1px 1px 32px -13px rgba(0,0,0,.75);height:auto;justify-content:center;width:30%}@media only screen and (max-width:968px){.SignInForm{width:50%}}@media only screen and (max-width:600px){.SignInForm{width:60%}}.navigation-panel{align-items:center;border-radius:10px;grid-area:navigation-panel;height:auto}.navigation-buttons,.navigation-panel{display:flex;flex-direction:column}.navigation-panel-button{align-items:center;background-color:#72b5f8;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:auto;justify-content:space-between;margin:20px 2px;padding:15px 32px;text-align:center;text-decoration:none;width:80%}.icons{height:40px;width:40px}.user-details{line-height:1rem}
/*# sourceMappingURL=main.dad2c320.css.map*/