html,body,header,nav,h1,h3,a,ul,li,main,button,section,img,div,p,form,label,input,textarea,span,footer,h2,i{margin:0;border:0;padding:0;outline:0;font:inherit;color:inherit;text-align:inherit;text-decoration:inherit;vertical-align:inherit;box-sizing:inherit;background:transparent}ul{list-style:none}img{display:block;width:100%;height:auto}input[type="text"],input[type="password"],textarea,button{-webkit-appearance:none;-moz-appearance:none;appearance:none}button,input[type="submit"]{cursor:pointer}.group:after{content:"";display:block;clear:both}body{margin:0 auto;font-family:"Roboto", sans-serif;background-color:#FAFAFA}button:hover,input[type='submit']:hover{opacity:0.7}.loader{margin:100px auto;font-size:18px;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;-webkit-animation:load5 1.1s infinite ease;animation:load5 1.1s infinite ease;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes load5{0%,
  100%{box-shadow:0em -2.6em 0em 0em #84b7ff,1.8em -1.8em 0 0em rgba(132,183,255,0.2),2.5em 0em 0 0em rgba(132,183,255,0.2),1.75em 1.75em 0 0em rgba(132,183,255,0.2),0em 2.5em 0 0em rgba(132,183,255,0.2),-1.8em 1.8em 0 0em rgba(132,183,255,0.2),-2.6em 0em 0 0em rgba(132,183,255,0.5),-1.8em -1.8em 0 0em rgba(132,183,255,0.7)}12.5%{box-shadow:0em -2.6em 0em 0em rgba(132,183,255,0.7),1.8em -1.8em 0 0em #84b7ff,2.5em 0em 0 0em rgba(132,183,255,0.2),1.75em 1.75em 0 0em rgba(132,183,255,0.2),0em 2.5em 0 0em rgba(132,183,255,0.2),-1.8em 1.8em 0 0em rgba(132,183,255,0.2),-2.6em 0em 0 0em rgba(132,183,255,0.2),-1.8em -1.8em 0 0em rgba(132,183,255,0.5)}25%{box-shadow:0em -2.6em 0em 0em rgba(132,183,255,0.5),1.8em -1.8em 0 0em rgba(132,183,255,0.7),2.5em 0em 0 0em #84b7ff,1.75em 1.75em 0 0em rgba(132,183,255,0.2),0em 2.5em 0 0em rgba(132,183,255,0.2),-1.8em 1.8em 0 0em rgba(132,183,255,0.2),-2.6em 0em 0 0em rgba(132,183,255,0.2),-1.8em -1.8em 0 0em rgba(132,183,255,0.2)}37.5%{box-shadow:0em -2.6em 0em 0em rgba(132,183,255,0.2),1.8em -1.8em 0 0em rgba(132,183,255,0.5),2.5em 0em 0 0em rgba(132,183,255,0.7),1.75em 1.75em 0 0em #84b7ff,0em 2.5em 0 0em rgba(132,183,255,0.2),-1.8em 1.8em 0 0em rgba(132,183,255,0.2),-2.6em 0em 0 0em rgba(132,183,255,0.2),-1.8em -1.8em 0 0em rgba(132,183,255,0.2)}50%{box-shadow:0em -2.6em 0em 0em rgba(132,183,255,0.2),1.8em -1.8em 0 0em rgba(132,183,255,0.2),2.5em 0em 0 0em rgba(132,183,255,0.5),1.75em 1.75em 0 0em rgba(132,183,255,0.7),0em 2.5em 0 0em #84b7ff,-1.8em 1.8em 0 0em rgba(132,183,255,0.2),-2.6em 0em 0 0em rgba(132,183,255,0.2),-1.8em -1.8em 0 0em rgba(132,183,255,0.2)}62.5%{box-shadow:0em -2.6em 0em 0em rgba(132,183,255,0.2),1.8em -1.8em 0 0em rgba(132,183,255,0.2),2.5em 0em 0 0em rgba(132,183,255,0.2),1.75em 1.75em 0 0em rgba(132,183,255,0.5),0em 2.5em 0 0em rgba(132,183,255,0.7),-1.8em 1.8em 0 0em #84b7ff,-2.6em 0em 0 0em rgba(132,183,255,0.2),-1.8em -1.8em 0 0em rgba(132,183,255,0.2)}75%{box-shadow:0em -2.6em 0em 0em rgba(132,183,255,0.2),1.8em -1.8em 0 0em rgba(132,183,255,0.2),2.5em 0em 0 0em rgba(132,183,255,0.2),1.75em 1.75em 0 0em rgba(132,183,255,0.2),0em 2.5em 0 0em rgba(132,183,255,0.5),-1.8em 1.8em 0 0em rgba(132,183,255,0.7),-2.6em 0em 0 0em #84b7ff,-1.8em -1.8em 0 0em rgba(132,183,255,0.2)}87.5%{box-shadow:0em -2.6em 0em 0em rgba(132,183,255,0.2),1.8em -1.8em 0 0em rgba(132,183,255,0.2),2.5em 0em 0 0em rgba(132,183,255,0.2),1.75em 1.75em 0 0em rgba(132,183,255,0.2),0em 2.5em 0 0em rgba(132,183,255,0.2),-1.8em 1.8em 0 0em rgba(132,183,255,0.5),-2.6em 0em 0 0em rgba(132,183,255,0.7),-1.8em -1.8em 0 0em #84b7ff}}@keyframes load5{0%,
  100%{box-shadow:0em -2.6em 0em 0em #84b7ff,1.8em -1.8em 0 0em rgba(132,183,255,0.2),2.5em 0em 0 0em rgba(132,183,255,0.2),1.75em 1.75em 0 0em rgba(132,183,255,0.2),0em 2.5em 0 0em rgba(132,183,255,0.2),-1.8em 1.8em 0 0em rgba(132,183,255,0.2),-2.6em 0em 0 0em rgba(132,183,255,0.5),-1.8em -1.8em 0 0em rgba(132,183,255,0.7)}12.5%{box-shadow:0em -2.6em 0em 0em rgba(132,183,255,0.7),1.8em -1.8em 0 0em #84b7ff,2.5em 0em 0 0em rgba(132,183,255,0.2),1.75em 1.75em 0 0em rgba(132,183,255,0.2),0em 2.5em 0 0em rgba(132,183,255,0.2),-1.8em 1.8em 0 0em rgba(132,183,255,0.2),-2.6em 0em 0 0em rgba(132,183,255,0.2),-1.8em -1.8em 0 0em rgba(132,183,255,0.5)}25%{box-shadow:0em -2.6em 0em 0em rgba(132,183,255,0.5),1.8em -1.8em 0 0em rgba(132,183,255,0.7),2.5em 0em 0 0em #84b7ff,1.75em 1.75em 0 0em rgba(132,183,255,0.2),0em 2.5em 0 0em rgba(132,183,255,0.2),-1.8em 1.8em 0 0em rgba(132,183,255,0.2),-2.6em 0em 0 0em rgba(132,183,255,0.2),-1.8em -1.8em 0 0em rgba(132,183,255,0.2)}37.5%{box-shadow:0em -2.6em 0em 0em rgba(132,183,255,0.2),1.8em -1.8em 0 0em rgba(132,183,255,0.5),2.5em 0em 0 0em rgba(132,183,255,0.7),1.75em 1.75em 0 0em #84b7ff,0em 2.5em 0 0em rgba(132,183,255,0.2),-1.8em 1.8em 0 0em rgba(132,183,255,0.2),-2.6em 0em 0 0em rgba(132,183,255,0.2),-1.8em -1.8em 0 0em rgba(132,183,255,0.2)}50%{box-shadow:0em -2.6em 0em 0em rgba(132,183,255,0.2),1.8em -1.8em 0 0em rgba(132,183,255,0.2),2.5em 0em 0 0em rgba(132,183,255,0.5),1.75em 1.75em 0 0em rgba(132,183,255,0.7),0em 2.5em 0 0em #84b7ff,-1.8em 1.8em 0 0em rgba(132,183,255,0.2),-2.6em 0em 0 0em rgba(132,183,255,0.2),-1.8em -1.8em 0 0em rgba(132,183,255,0.2)}62.5%{box-shadow:0em -2.6em 0em 0em rgba(132,183,255,0.2),1.8em -1.8em 0 0em rgba(132,183,255,0.2),2.5em 0em 0 0em rgba(132,183,255,0.2),1.75em 1.75em 0 0em rgba(132,183,255,0.5),0em 2.5em 0 0em rgba(132,183,255,0.7),-1.8em 1.8em 0 0em #84b7ff,-2.6em 0em 0 0em rgba(132,183,255,0.2),-1.8em -1.8em 0 0em rgba(132,183,255,0.2)}75%{box-shadow:0em -2.6em 0em 0em rgba(132,183,255,0.2),1.8em -1.8em 0 0em rgba(132,183,255,0.2),2.5em 0em 0 0em rgba(132,183,255,0.2),1.75em 1.75em 0 0em rgba(132,183,255,0.2),0em 2.5em 0 0em rgba(132,183,255,0.5),-1.8em 1.8em 0 0em rgba(132,183,255,0.7),-2.6em 0em 0 0em #84b7ff,-1.8em -1.8em 0 0em rgba(132,183,255,0.2)}87.5%{box-shadow:0em -2.6em 0em 0em rgba(132,183,255,0.2),1.8em -1.8em 0 0em rgba(132,183,255,0.2),2.5em 0em 0 0em rgba(132,183,255,0.2),1.75em 1.75em 0 0em rgba(132,183,255,0.2),0em 2.5em 0 0em rgba(132,183,255,0.2),-1.8em 1.8em 0 0em rgba(132,183,255,0.5),-2.6em 0em 0 0em rgba(132,183,255,0.7),-1.8em -1.8em 0 0em #84b7ff}}.auth-full-page{display:flex;justify-content:center;font-size:14px;color:#999999;width:1000px;margin:0 auto;height:650px}.phone-img{width:400px}.auth-container,.switch-auth{border:1px solid #E7E7E7;display:flex;flex-direction:column;align-items:center;background-color:white}.auth-container{margin-bottom:10px;padding:40px}.switch-auth{padding:30px}.auth-form{display:flex;flex-direction:column;align-items:center;width:100%}.right-container{display:flex;flex-direction:column;justify-content:center;width:350px}h1{font-family:"Lobster Two", cursive;font-size:46px;color:black;margin:3px}h3{font-size:18px;text-align:center;font-weight:bold;margin:10px}input[type=text],input[type=password],textarea{box-sizing:border-box;margin:3px;border:1px solid #E7E7E7;border-radius:5px;padding:7px;width:100%}input:focus{border-color:#999999}::-webkit-input-placeholder{color:#999999}button,input[type=submit]{background-color:#3897f0;border-radius:5px;color:white;font-weight:bold;padding:5px;box-sizing:border-box;text-align:center}.auth-container>button,.auth-form>input[type="submit"]{width:100%;margin:10px}.errors{color:#EF4956;text-align:center}.link{color:#3897f0}button:active,input[type=submit]:active{opacity:0.5}hr.horizontal{border-top:1px solid #999999;width:100px}div.or-container{display:flex;flex-direction:row;align-items:center}.main-nav{width:100%;background-color:white;border-bottom:1px solid #E7E7E7}.centered-nav{display:flex;justify-content:space-between;align-items:center;width:70%;background-color:white;margin:0 auto}.left-nav{cursor:pointer}.left-nav>ul,.right-nav>ul{display:flex;align-items:center;color:#262626}hr.vertical{height:30px}.left-nav>ul>li{display:flex;align-items:center;padding:20px 10px;cursor:pointer;font-size:36px;height:40px}h2{font-family:"Lobster Two", cursive;font-size:34px}.right-nav>ul>li{padding:0px 15px;font-size:25px}.btn{cursor:pointer}.logo{width:40px;height:40px}@media screen and (max-width: 720px){.centered-nav{width:720px;border-bottom:1px solid #E7E7E7}.main-nav{border-bottom:0px}}.user-profile{margin:0px auto;display:flex;flex-direction:column;align-items:center;width:75%}.user-profile-detail img{width:150px;height:150px;border-radius:150px;margin-right:80px;object-fit:cover}.edit-user-btn,.unfollow-btn{background-color:#FAFAFA;border:1px solid #DBDBDB;color:black;font-weight:bold;font-size:14px;padding:5px 30px}.edit-user-btn:hover,.unfollow-btn:hover{background-color:#E7E7E7}.edit-user-btn{width:130px}.follow-btn{padding:5px 30px;font-size:14px}.hidden{display:none}.user-profile-detail{display:flex;justify-content:flex-start;width:60%;padding:50px;margin:10px}.username-line{display:flex;align-items:center}.username-line h2{font-family:arial, helvetica, sans-serif;font-size:36px;font-weight:normal;margin-right:18px}.bio{padding:20px 10px 10px 0px;font-weight:bold}.post-follows{display:flex;padding:20px 10px 10px 0px}.post-follows>li{margin-right:30px}.user-images img{width:200px;height:200px;object-fit:cover}.user-images ul{margin:0 auto;width:1000px}.user-images img{float:left;width:290px;height:290px;margin:20px;cursor:pointer}.image-hover{display:none}.user-images img:hover{opacity:0.7}.home-photo-feed{display:flex;flex-direction:column;flex-wrap:wrap;width:720px;margin:0 auto}.feed-image{font-size:14px;margin:60px 60px 0px 60px}.image-item{margin-bottom:70px;border:1px solid #E7E7E7}.image-header{display:flex;justify-content:space-between;align-items:center;background-color:white}.image-header ul{display:flex;align-items:center;font-weight:bold;cursor:pointer}.image-header{padding:18px}.profile-pic{height:30px;width:30px;border-radius:20px;margin-right:10px;border:1px solid #E7E7E7}.image-details{padding:0px 20px 20px 20px;display:flex;flex-direction:column;border-top:1px solid #E7E7E7}.image-details li:not(:first-child){margin-top:10px}.image-details>li:first-child{padding-top:20px}.add-like-comment{display:flex;align-items:center;border-top:1px solid #E7E7E7}.add-like-comment>li>input{border:0px}.heart{cursor:pointer;font-size:22px;color:#999999;margin-top:5px}.fa-heart{color:#ED4956}.comments li:last-child{margin-bottom:20px}.comments{display:flex;flex-wrap:wrap}.comment-item{display:flex;justify-content:space-between;width:100%;word-break:break-all}.add-like-comment>li:last-child{width:100%}.fa-times{cursor:pointer}.hidden{visibility:hidden}.username{cursor:pointer;font-family:sans-serif}.edit-form{display:flex;width:600px;border:1px solid #DBDBDB;background-color:white;margin:0 auto;padding:20px;margin-top:50px}.edit-form h1{border-right:1px solid #DBDBDB;font-size:16px;font-weight:bold;font-family:"Roboto", sans-serif;width:25%}.edit-form img{width:40px;height:40px;border-radius:30px}.edit-form form{display:flex;padding-left:20px}.left-col{display:flex;flex-direction:column;align-items:flex-end}.left-col label{margin:15px}.right-col{display:flex;flex-direction:column;align-items:flex-start;padding-top:10px}.current-username{margin-bottom:15px;font-size:28px;font-weight:normal}.edit-submit-btn{width:100px;margin:10px 10px 10px 3px}.current-user-open-modal img:hover{opacity:0.8}.current-user-open-modal img{cursor:pointer}.successful-save{color:#81AB6B;margin-left:3px}.ReactModal__Body--open{overflow-y:hidden}.modal{background:#FFFFFF;width:500px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.profile-photo-modal ul li{padding:20px;text-align:center}.modal ul li:first-child{color:#999999}.modal ul li:not(:first-child):hover{background-color:#FAFAFA}.profile-photo-modal ul li:active{border:1px solid #3897f0}strong{font-weight:bolder}.upload-photo-modal ul li{padding:20px}.profile-photo-modal form{display:flex;flex-direction:column;align-items:center}.upload-photo-modal form{display:flex;flex-direction:column}.profile-photo-modal form>input[type='submit']{width:50%;margin-top:20px}.upload-photo-modal li:first-child,.upload-photo-modal li:last-child{text-align:center}.file{margin:0 auto}.modal li:last-child{cursor:pointer}.entire-image-modal{display:flex;width:auto;height:100%}.user-image-modal{background:#FFFFFF;width:65%;height:75%;position:fixed;top:50%;left:50%;right:auto;bottom:auto;outline:0;transform:translate(-50%, -50%)}.left-image{height:auto;width:100%}.left-image>img{width:100%;height:100%;object-fit:contain;background-color:#000}.right-details{width:50%;height:auto;padding:20px}.delete-img-btn{cursor:pointer;color:#3897f0}.delete-img-btn:hover{color:#000}.image-modal-details{display:flex;flex-direction:column;justify-content:space-between;height:90%}.sub-header{display:flex;justify-content:space-between;border-top:1px solid #E7E7E7;padding:20px 0px}.username-pic-modal,.username-pic-modal>ul{display:flex;justify-content:space-between;align-items:center}.username-pic-modal{margin-bottom:10px}.caption-comments-scroll{height:100%;overflow:auto}.caption-comments-scroll>li{margin-bottom:8px}.caption-comments-scroll>li:last-child>ul>li{margin-bottom:8px}.image-modal-details>ul:last-child>li:last-child{margin-top:7px}@media (min-width: 1000px){height:100%;max-width:1000px}.follows-modal{width:400px;height:80%}.follows{display:block;width:auto;height:80%}.follows>h3{text-align:left;border-bottom:1px solid #999999;padding:15px 10px}.follows-list{height:100%;overflow:auto}.single-follow>li>img{width:30px;height:30px;border-radius:50%;margin-right:15px}.single-follow{display:flex;justify-content:space-between;border-bottom:1px solid #E7E7E7;padding:20px;align-items:center}.single-follow>li:first-child{display:flex;align-items:center;font-size:14px}.user img:hover,.user strong:hover{color:#3897f0;cursor:pointer}.total-follows{cursor:pointer}.total-follows:hover{opacity:0.5;color:#3897f0}.unfollowing,.following{padding:5px 40px;opacity:0.4;cursor:default}.search{position:relative;width:20%}.user-dropdown{position:absolute;z-index:1}.search-bar{position:relative;min-width:100px}.search-bar input{font-size:14px;text-indent:25px;width:100%;border-radius:3px}.search-bar .fa-search{position:absolute;top:12px;left:15px;font-size:12px;color:#999999}.user-dropdown{background-color:#FFFFFF;width:220px;box-shadow:0 0 1em #E7E7E7;border:1px solid #E7E7E7;margin-top:10px;left:-8px;display:flex;flex-wrap:wrap;overflow:auto}.search-item{border-bottom:1px solid #E7E7E7;display:flex;align-items:center;padding:15px;font-size:14px;font-weight:bold;width:100%;word-break:break-all}.user-dropdown>li:hover{background-color:#FAFAFA;cursor:pointer}.arrow-up{content:"";width:0;height:0;position:absolute;right:45%;top:100%;z-index:5;margin-top:0px;border-width:0px 10px 10px 10px;border-style:solid;border-color:#E7E7E7 transparent}footer{display:flex;justify-content:space-between;width:700px;margin:0 auto;font-size:12px;text-transform:uppercase;color:#003569;font-weight:bold;font-family:arial;padding:30px}footer>ul{display:flex;width:200px;justify-content:space-between}.footer>li>a:hover{color:#3897f0}