:root{--main-color: #55acee}*{box-sizing:border-box}html{font:100%/1.5 'Avenir Next', 'Hiragino Sans', sans-serif;line-height:1.7;letter-spacing:1px}ul,li{list-style-type:none;padding:7px 7px}a{text-decoration:none;font-size:14px;color:black}h1,h2,h3,h4,h5,h6,p{margin:0}input{background-color:transparent;outline-width:0}form input[type="submit"]{border:none;cursor:pointer}span{color:#ff0000}body{color:#2d3133;background-color:white;margin:0;height:auto;min-height:120vh;position:relative}.main{position:absolute;width:100%;height:auto;min-height:120vh;left:0;top:64px}.content{height:calc(100vh - 60px);overflow-y:auto;margin-top:145px;padding-top:20px}header{height:64px;position:fixed;top:0;background-color:var(--main-color);z-index:10;width:100%}.individual-header{position:fixed;background-color:white;top:64px;width:100%;border-bottom:1px solid #dee2e6;padding:10px;z-index:9;font-weight:300;font-size:40px;color:#bcc8d4}.navbar-toggler{padding:0.25rem 0.75rem;font-size:1.25rem;line-height:1;background-color:#e9ecef00;border:1px solid transparent;border-radius:0.25rem;transition:box-shadow .15s ease-in-out;position:absolute;top:13px;right:5px}.current-user{position:relative}.current-user img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:-8px;left:-16px}.header-logo{float:left;padding-left:20px;color:white;font-size:22px;line-height:64px;font-weight:700;position:absolute}.header-logo a{color:white;font-size:22px}.form{max-width:600px;margin:0 auto;background-color:white;box-shadow:0 2px 6px #c1ced7;position:relative}.form-heading{font-weight:300;margin:115px 0 20px;font-size:48px;color:#bcc8d4}.form-heading-link a{color:blue;text-decoration:underline;text-decoration-color:blue}.form-heading-link a:hover{color:red;text-decoration:underline;text-decoration-color:red}.form-body{padding:30px 15px}.form-error{color:#ff4d75}.form input{width:100%;border:1px solid #d8dadf;padding:10px;color:#57575f;font-size:16px;letter-spacing:2px;border-radius:2px}.form textarea{width:100%;min-height:110px;font-size:16px;letter-spacing:2px}.form input[type="submit"]{background-color:var(--main-color);color:white;cursor:pointer;font-weight:300;width:120px;border-radius:2px;margin-top:8px;margin-bottom:0;float:right;opacity:0.8}.form input[type="submit"]:hover{opacity:1}.form-body:after{content:'';display:table;clear:both}.flash{padding:10px 0;color:white;background:#fbaa58;text-align:center;position:absolute;top:64px;z-index:9;width:100%;border-radius:0 0 2px 2px;font-size:14px}p.notice{top:64px;text-align:center}p.alert{top:64px;text-align:center;color:red}footer{height:200px;position:absolute;width:100%;background-color:#2f5167;color:#fff;top:0px}.footer-space{width:100%;height:auto;position:relative}.footer-logo{float:left;padding-left:20px;color:white;font-size:22px;line-height:64px;font-weight:700}.footer-logo a{color:white;font-size:22px}.footer-menus{float:right;padding-right:20px}.footer-menus li{line-height:40px;font-size:13px;color:white;padding-left:15px}.footer-menus a{float:left;font-size:15px;color:white}.footer-menus .fa{padding-right:5px}.footer-menus input[type="submit"]{padding:0 20px;float:left;line-height:64px;color:white;margin:0;font-size:13px}.map-wrapper{position:relative;width:50%;min-height:330px;min-width:345px;padding-bottom:37.25%;border:3px solid #333;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}#map{position:absolute;top:0;left:0;height:100%;width:100%}.custom-margin-top{margin-top:80px}.about-main{color:black;top:64px;width:100%;height:622px;padding:50px 50px;position:relative;text-align:center}.about-main h2{font-size:50px;font-weight:500;line-height:1.4;text-align:center}.about-main p{font-weight:200;font-size:30px}.about-img{max-width:100%;height:auto}@media (min-width: 840px){.about-img{max-width:100%;height:525px}}.nav-pills .nav-link{background:0 0;border-radius:0.25rem;border:2px solid var(--main-color);margin:3px}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:var(--main-color)}.nav-link{display:block;padding:0.5rem 1rem;color:#212529;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.btn-primary{background-color:var(--main-color);border-color:var(--main-color)}.navbar-dark .navbar-toggler{color:#212529;border-color:#212529}.navbar{position:sticky;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:0.5rem;padding-bottom:0.5rem;height:64px;background-color:var(--main-color);width:100%}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:baseline;display:flex;position:absolute;top:64px;right:0px;background-color:var(--main-color);width:100%}.navbar-nav{position:static;flex-direction:column}.nav-item a{color:white}.alert{top:64px}#error_explanation li{color:#ff0000}.liked-btn{color:red}.unliked-btn{color:black}i.fa-bars{color:black}.main.posts-index{text-align:-webkit-center;left:0}.post-index-container{margin-top:50px}.posts-item{padding:11px 11px 0px;background-color:white;overflow:hidden;box-shadow:0 2px 6px #c1ced7;position:relative;height:-moz-max-content;height:max-content;min-height:174px}.post-info{margin-top:17px;position:absolute;bottom:5px}.card-body.post-content{padding-top:7px}.post-btn-space{position:relative;bottom:-47px;width:inherit;height:30px;display:flex;left:-10px}.post-user-link{padding-bottom:19px;width:-moz-fit-content;width:fit-content;position:relative}.post-user-link a{padding:0 0;position:relative;width:145px}.posts-index-item a{display:inline-block}.posts-item img{width:50px;height:50px;border-radius:50%;box-shadow:0 2px 6px #c1ced7;-o-object-fit:cover;object-fit:cover}.post-user-name a{font-weight:600}.post-user-name a:hover{color:#3ecdc6}.post-left{float:left;width:10%;position:absolute;left:-81px;top:-5px}.post-right{float:left;width:-moz-fit-content;width:fit-content;text-align:left;position:relative;top:9px;left:67px;inline-size:313px;overflow-wrap:break-word}.main.posts-show{text-align:-webkit-center;top:64px}.post-show-container{margin-top:50px}.posts-show form{display:inline}.posts-show-item{padding:20px 30px;background-color:white;overflow:hidden;box-shadow:0 2px 6px #c1ced7;width:408px}.posts-show-item img{width:60px;height:60px;border-radius:50%;box-shadow:0 2px 6px #c1ced7;vertical-align:middle;-o-object-fit:cover;object-fit:cover}.posts-show-item .post-user-name a{vertical-align:middle;font-size:24px;margin-left:15px}.posts-show-item p{font-size:24px;margin:20px 0}.post-time{color:#8899a6}.post-menu{width:-moz-fit-content;width:fit-content;margin-top:15px}.post-menu a:hover{color:black}.btn-outline-info{border:2px solid var(--main-color);color:black}.btn-outline-info:hover{background:var(--main-color);opacity:0.8}.post-menus{float:right;position:absolute;right:12px;top:9px}.post-menus a,.post-menus input{color:#8899a6;text-decoration:underline;font-size:14px;opacity:0.8}.main.posts-new{text-align:-webkit-center}.posts-new textarea{font-size:20px;padding:10px;min-height:140px;border:1px solid #d8dadf;resize:none}.posts-new textarea::-webkit-input-placeholder{font-size:24px;opacity:0.5}.unliked-btn{color:#8899a6}.liked-btn{color:#ff2581}.likes-count{margin-left:5px}.text-area{text-align:left;padding-left:0.5em;white-space:pre-wrap}@media (max-width: 576px){.header-menu a{font-size:19px}.about-main h2{font-size:25px}.about-main p{font-size:25px}.form-heading{font-size:33px}.users-index-heading{font-size:40px !important}}.top-main{margin-left:5px;margin-right:5px;text-align:center;position:relative;z-index:1;width:100%;height:831px;min-height:210px;color:black;background-repeat:no-repeat;background-position:center 50%;background-size:contain}.top-message{position:relative;width:100%}.top-main h2{font-size:60px;font-weight:500;line-height:1.3;-webkit-font-smoothing:antialiased;margin-bottom:20px;position:relative;z-index:3;color:black}@media (max-width: 576px){.top-main h2{font-size:32px}.top-main{text-align:center;position:relative;z-index:1;width:100%;height:710px;min-height:210px;color:black;background-repeat:no-repeat;background-position:center 50%;background-size:contain}}.github-link{z-index:3;display:inline-block;position:relative;width:-moz-fit-content;width:fit-content}.github-link p{position:relative;float:left;font-size:20px;left:-4px;top:12px}.github-link img{width:200px;border-radius:20px}.list-group{width:-moz-fit-content;width:fit-content}.list-group-item{border:3px solid black}.main.users-index{text-align:-webkit-center}.users-heading{font-weight:300;margin:92px 0 20px;font-size:48px;color:#bcc8d4}.users-index-container{width:-moz-fit-content;width:fit-content}.users-index-item{padding:15px 15px;background-color:white;overflow:hidden;box-shadow:0 2px 6px #c1ced7;display:table;max-width:400px}.users-index-item #follow_form{position:absolute;right:15px;top:20px}.user-left img{width:50px;height:50px;border-radius:50%;box-shadow:0 2px 6px #c1ced7;-o-object-fit:cover;object-fit:cover}.user-name a{font-weight:600}.user-name a:hover{color:#3ecdc6}.user-left{float:left;width:10%}.user-right{width:90%;padding-left:25px;text-align:left;display:table-cell;vertical-align:middle;font-size:17px;position:relative;top:-23px}.user-show{text-align:-webkit-center;left:0;margin-top:33px}.user-show-container{margin-top:42px}.user{margin-top:100px;margin-bottom:20px;text-align:center}.user-show-img{width:80px;height:80px;border-radius:50%;box-shadow:0 2px 6px #c1ced7;margin:20px 0 10px;-o-object-fit:cover;object-fit:cover}.user-img{width:50px;height:50px;border-radius:50%;box-shadow:0 2px 6px #c1ced7;-o-object-fit:cover;object-fit:cover}.user h2{font-size:40px;font-weight:600;line-height:1.2}.user p{font-size:20px;margin-bottom:15px}.user span{color:#afb6bf;font-weight:200;padding:0 6px 0 8px}.user-tabs{display:inline-block;margin-top:18px;margin-bottom:18px;background-color:white;overflow:hidden;box-shadow:0 2px 6px #c1ced7}.user-tabs li{float:left}.user-tabs li:focus{border-bottom:2px solid var(--main-color)}.user-tabs li.active a{color:#57575f}.user-tabs a{display:inline-block;padding:16px 30px;color:#afb6bf}.user-time{color:#8899a6;text-align:left}.user-show-created_at{color:#8899a6}.being-followed{font-size:14px;background-color:lightgray;display:inherit}.user-new-container{width:608px;position:absolute;left:29%}.user-edit-container{width:-moz-fit-content;width:fit-content;position:absolute;left:31%}.users-form input{margin-bottom:15px;opacity:0.8}.users-form input:hover{opacity:1}.user-login-container{width:516px;position:absolute;left:32%}.remember-me label{margin-top:16px}.user-likes-container{position:relative;top:64px;width:100%}
