body{font-family:Helvetica,Arial,sans-serif}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.navbar{align-items:center;background-color:orange;display:flex;font-family:Helvetica,Arial,sans-serif;height:70px;width:100%}.navbar .links,.navbar .loggedInContainer{align-items:center;display:flex;flex:50% 1;height:100%}.navbar .loggedInContainer{justify-content:flex-end}a{color:#fff;margin-left:20px;text-decoration:none}.navbar button{background-color:#fff;cursor:pointer;height:40px;margin-left:10px;margin-right:10px;width:100px}.navbar h1{color:#fff;font-weight:lighter;margin-right:10px;text-align:right}.posts{border:1px solid #d3d3d3;border-radius:10px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);display:flex;flex-direction:column;font-family:Helvetica,Arial,sans-serif;height:250px;margin-top:50px;width:400px}.posts:hover{box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);cursor:pointer}.posts .title{background-color:orange;border-bottom:1px solid #d3d3d3;color:#000;display:grid;flex:20% 1;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:60px;font-style:normal;place-content:center}.posts .text{display:grid;flex:60% 1;place-content:center}.posts .user{align-items:center;background-color:orange;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #d3d3d3;color:#000;display:flex;flex:10% 1;font-size:30px;padding-left:10px;padding-right:10px}.user .user-username{align-items:flex-start;display:flex;flex:30% 1;padding-left:20px}.likescontainer{align-items:flex-end;display:flex;flex:30% 1;gap:20px}.likescontainer .like{margin-left:20px}#individual{height:500px;width:600px}#individual .title,#individual .user{font-size:30px}#individual .text{font-size:25px}.postPage{display:flex;flex-direction:row;height:100%;width:100%}.leftSide{display:grid;flex:50% 1;height:calc(100vh - 70px);place-items:center}.leftSide .title{font-size:30px}.leftSide .user{font-size:20px}.rightSide{display:grid;display:flex;flex:50% 1;flex-direction:column;height:calc(100vh - 70px);place-items:center}.containerInput{border:#000;border-radius:8px;display:grid;flex:20% 1;flex-direction:column;margin-top:25px;place-items:center;width:100%}.containerInput input{height:200px;width:400px}.containerInput input,button{border:#000;border-radius:8px}button{height:40px;width:120px}.containerInput button{background-color:orange;color:#fff}.rightSide .commentsList{align-items:center;display:flex;flex:80% 1;flex-direction:column;width:100%}.commentsList .comment{border:1px solid #d3d3d3;border-radius:5px;height:auto;margin-top:20px;padding:30px;width:70%}.login button,.login input,.login label{margin-top:10px;padding:10px}.logout{align-items:center;display:flex;flex:50% 1;gap:20px;justify-content:flex-end;margin-left:20px;margin-right:20px;right:20px;top:20px}.loading-overlay{-webkit-text-fill-color:#f0f8ff;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:#000;left:"40%";text-align:"center";top:"50%";z-index:9999}.loading-overlay,.webcam{margin-left:"auto";margin-right:"auto";position:"absolute"}.webcam{height:480;left:0;right:0;text-align:"center";width:640;z-index:8}
/*# sourceMappingURL=main.fc999fea.css.map*/