@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:regular,bold,italic&subset=latin,latin-ext);*{font-family:Poppins;border:0;box-sizing:border-box}*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1b3355}.signout-btn{font-size:1rem;color:coral;cursor:pointer;transition:all .3s;margin-bottom:5rem}.signout-btn:hover{background-color:coral;color:#fff}.navbar{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-end;justify-content:flex-end;top:0;width:100%;background-color:#1b3355}.navbar,.navbar-auth{display:-webkit-flex;display:flex;list-style-type:none;text-decoration:none}.navbar-auth{padding:1rem;position:absolute;width:200px;height:100vh;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;background-color:#1d2633;border:1px solid #000}.navitem{margin:1rem 2rem}.link:hover{color:#ff7645}.link{font-size:1.2rem;text-decoration:none;color:#fff;transition:all 1s}.title{color:#e4511b;font-size:2rem}.titlep2{position:relative;bottom:-1rem}.buttons{color:#3d1b75;line-height:18px;padding:8px;font-family:Georgia,serif;display:inline-block}.buttons:hover{background:#1c6ea4}.buttons:active{background:#144e75}.profile{color:#fff;font-size:2rem}footer{position:fixed;left:0;bottom:0;width:100%;background-color:#000;color:#d1d1d1;text-align:center}p{padding:.2rem;margin:.2rem}.fa-github{color:#fff;padding-top:1rem;font-size:1.5rem;transition:all .5s}.fa-github:hover{color:coral}.wrapper{height:80vh;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.heading-p1{margin:5rem 2rem}.heading-p1,.heading-p2{color:#fe4b4b;font-size:5rem}.heading-p2{position:relative;bottom:-4rem}.row2{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.action{font-size:2rem}.action-btn{width:15rem;cursor:pointer;transition:all .5s;outline:none;background-color:#fe4b4b;margin-left:-.1rem;border:none}.action-btn:hover{background-color:#db5c2e;color:#eeeaea}.pictures{width:200px}.info{color:#e4e4e4;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:2rem 2rem 0 1rem}.image{margin-right:10rem}.centered-content h1{margin-bottom:2rem}.signup-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.signup-form input,button{margin-left:1rem;margin-top:1rem;font-size:1.2rem;padding:1rem;border-radius:.3rem}.signup-form button{cursor:pointer;font-size:1rem;color:#fff;background-color:#df5321}.container{height:90vh;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.centered-content h1{margin-bottom:-5rem}.centered-content{background-color:#e2e2e2;border-radius:1rem;height:40rem;width:70rem;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around}.centered-content,.signin-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.signin-form input,button{margin-left:1rem;margin-bottom:1rem;font-size:2rem;padding:1rem;border-radius:.3rem}.signin-form button{cursor:pointer;color:#fff;background-color:#df5321}.wrapper{margin-left:20rem;-webkit-justify-content:column;justify-content:column}.flex-row,.wrapper{display:-webkit-flex;display:flex}.flex-row{-webkit-flex-direction:row;flex-direction:row}.profilepic{border-radius:50%}.family-members{margin-left:12rem;padding:2rem;list-style-type:none;text-decoration:none;width:300px;height:93vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;background-color:#253f6a;color:#fff;border:1px solid #000;font-size:1.3rem}.chat-room h1{font-size:2rem;margin:1rem 2rem;color:#df5321}.message-container{height:70vh;width:70vh;margin-left:10rem;background-color:#f8f8f8;border-radius:1rem}.messages{height:65vh;background:#dbdbdb;border-radius:1rem 1rem 0 0}.message-form{height:10vh;background-color:#b9b9b9;border-radius:0 0 1rem 1rem;display:-webkit-flex;display:flex}.message-input{width:70%;height:3rem;outline:none;margin:1rem .5rem 2rem 3.6rem;padding:1rem;border-radius:.2rem}.message-input:hover{transition:.3s;outline:.1rem solid grey}.submit-btn{margin-right:2rem;width:6rem;text-align:center;font-size:1rem;cursor:pointer;border-radius:.2rem;background-color:#df5321;color:#fff}.submit-btn:hover{transition:.3s;background-color:#253f6a}.my{padding-top:.25em}.fam,.my{color:#fe4b4b;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:5em;padding-left:.25em}.fam{-webkit-transform:translateX(50%);transform:translateX(50%)}.googlelogin{-webkit-justify-content:flex-end;justify-content:flex-end;padding:.1em}.googlelogin,.playlisttext{display:-webkit-flex;display:flex}.playlisttext{color:#fff;font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:700;font-size:1.5em;padding:2em;-webkit-justify-content:center;justify-content:center}.horizflex{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.vertiflex{-webkit-justify-content:flex-start;justify-content:flex-start}.vertiflex,.vertiflexC{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.vertiflexC{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.introtext{width:20em;text-align:center;padding-left:4em}.introtext,.playlisttheme{font-family:Verdana,Geneva,Tahoma,sans-serif;color:#fff;font-size:1em}.playlisttheme{padding:1.5em;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.formtext{color:#fff;padding-right:.2em}.space{padding:2em}.wrapper{margin-left:12rem}.container{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.about-title{font-size:5rem;color:#db5c2e}.highlight{color:#f16e3f}.about-content{width:50rem;color:#dfdfdf;font-size:1.5rem}
/*# sourceMappingURL=main.33efc92e.chunk.css.map */