.login-forms{display:flex;width:80%;margin:50px auto;justify-content:space-evenly}.login-forms form{display:flex;flex-direction:column;width:30%}.login-forms input{margin:10px 0;width:100%;font-size:20px;border-radius:30px;padding-left:3%;box-sizing:border-box}.login-forms textarea{font-size:20px;width:102%}.login-forms button{width:100%;margin:10px auto;padding:5px 25px;background:#661fff;font-size:24px;color:#fff;border-radius:60px;border:none;cursor:pointer}.login-forms button:hover{background:#f5a623}.login-header{text-align:center;margin:30px auto;width:80%}.login-header img{max-width:100%}.login-header h3{font-size:30px}.login-spinner{text-align:center}.error,.pw-mismatch,.too-short{font-size:14px;color:red}.profile{margin:20px auto;width:75%;border:1px solid #d3d3d3;box-shadow:inset 0 0 10px #d3d3d3;padding:20px}.profile h3,.profile h4{margin:20px 0}.profile p{font-style:italic}.profile-header{display:flex;align-items:baseline}.profile-header h4{margin-right:1%}.profile-header button{margin-left:40%;font-size:16px;border-radius:20px;border:none;cursor:pointer;padding:5px 20px;background:#bd10e0;color:#fff;opacity:.5}.profile-header button:hover{opacity:1}.top-info{display:flex}.edit-user-form{display:flex;flex-direction:column;width:80%;font-size:24px;margin:20px auto}.edit-user-form input{border-radius:50px;padding:10px;font-weight:700}.edit-user-form input,.edit-user-form textarea{font-size:16px;margin-bottom:10px;border:1px solid #d3d3d3}.edit-user-form textarea{height:100px}.edit-user-form label{margin:10px 0 8px;font-weight:700;color:#661fff;opacity:1;padding-left:3px}.editing-user{width:60%;margin:20px auto;border:1px solid #d3d3d3;box-shadow:5px 5px #d3d3d3}.profile-container{display:flex}.profile-picture{height:100%;width:20%}.profile-picture img{max-width:100%;height:auto;border-radius:100px}.profile-info{width:60%;margin-left:5%}.edit-profile-btn{margin-left:10%}.edit-profile-btn button{background:#bd10e0;color:#fff;font-size:16px;border:none;border-radius:50px;padding:5px 10px;cursor:pointer}.edit-profile-btn button:hover{background:#f5a623}.save-changes{width:100%;margin:10px auto;text-align:center}.save-changes button{font-size:20px;background:#f5a623;color:#fff;border:none;border-radius:50px;padding:5px 10px;opacity:.5;margin-bottom:20px}.save-changes button:hover{opacity:1}.trips-list{display:block;width:80%;margin:30px auto}.trips-list table{width:100%}.trips-list table a{vertical-align:middle}.trips-list table,.trips-list td,.trips-list th{text-align:center;vertical-align:middle}.trips-list th{font-size:18px;font-weight:700;padding:20px 0;color:#fff;background:#661fff;opacity:.75}.trips-list table{border:1px solid #d3d3d3}.trips-list table img{width:100px;height:80px}.trips-list tr:nth-child(2n){background-color:#f2f2f2}.trip-title{color:#661fff;font-size:20px}.trip-description,.trip-title{font-weight:700}.trip-updated-at{font-style:italic;font-size:12px}.view-details{background:#bd10e0;color:#fff;border:none;border-radius:50px;padding:10px 20px;font-size:16px;font-weight:700;opacity:.75}.view-details:hover{opacity:1}.trips-title{display:block;font-size:40px;margin-right:10px}.add-trip-form{display:flex;flex-direction:column;border:2px solid #d3d3d3;box-shadow:3px 3px #d3d3d3;padding:5% 20%}.add-trip-form input,.add-trip-form select{font-size:16px;margin-bottom:10px;border-radius:50px;border:1px solid #d3d3d3;padding:10px;font-weight:700}.add-trip-form label{margin:10px 0 5px;font-weight:700;color:#661fff;opacity:1;padding-left:3px}.add-trip-form button{font-size:20px;background:#f5a623;color:#fff;border:none;border-radius:50px;padding:5px 10px;opacity:.5;margin:30px 0 20px}.add-trip-form button:hover{opacity:1}.toggler-btn{width:50%;height:50px;padding-bottom:5px;border:none;border-top-left-radius:50px;border-top-right-radius:50px;background:#bd10e0;color:#fff;font-size:20px;font-weight:700;opacity:.75}.toggler-btn:hover{opacity:1}.please-login{font-size:40px;width:50%;margin:100px auto;text-align:center}.please-login img{width:100%;height:auto}.login-btn button{font-size:40px;margin-top:20px;border-radius:50px;border:none;padding:5px 25px;background:#f5a623;color:#fff;cursor:pointer}.login-btn button:hover{background:#46f56c}.no-trips{padding:30px 0;font-size:30px}.no-trips,.trip{text-align:center;border:1px solid #d3d3d3;box-shadow:inset 0 0 10px #d3d3d3}.trip{width:75%;margin:30px auto;padding:2%}.trip h3{font-size:40px;color:#661fff}.trip h3,.trip h4{margin-bottom:20px}.trip h4{font-style:italic}.trip h5{margin-bottom:20px}.trip-image{text-align:center}.trip img{width:75%;height:auto}.edit-trip-form{width:75%;margin:0 auto;display:flex;flex-direction:column;border:2px solid #d3d3d3;box-shadow:3px 3px #d3d3d3;padding:2%}.edit-trip-form label{margin:10px 0 5px;font-weight:700;color:#661fff;opacity:1;padding-left:3px}.edit-trip-form input,.edit-trip-form select{font-size:16px;margin-bottom:10px;border-radius:50px;border:1px solid #d3d3d3;padding:10px;font-weight:700}.edit-trip-btn-container{display:flex;width:50%;margin:20px auto;justify-content:space-evenly}.save-edits{font-size:20px;background:#f5a623;color:#fff;border:none;border-radius:50px;padding:5px 10px;opacity:.75;margin:30px 0 20px}.save-edits:hover{opacity:1}.cancel-edits{font-size:20px;background:red;color:#fff;border:none;border-radius:50px;padding:5px 10px;opacity:.75;margin:30px 0 20px}.cancel-edits:hover{opacity:1}.edit-trip-btns{display:flex;width:80%;margin:20px auto;justify-content:space-evenly}.edit-trip-btns button{border:none;border-radius:50px;font-size:20px;padding:5px 20px}.delete-trip{background:#f08080;color:#fff}.delete-trip:hover{background:red}.edit-trip{background:#f5a623;color:#fff;opacity:.5}.edit-trip:hover{opacity:1}.route-trips{background:#000;color:#fff;opacity:.5}.route-trips:hover{opacity:.75}.edit-trip-loader{text-align:center}.main-header{width:100%;background:#661fff;display:block;height:100px;display:flex;justify-content:flex-start;align-items:center}.main-header img{width:20%;height:100%;margin-right:28%}.main-header a{text-decoration:none;color:#fff;font-size:24px;font-style:bold}.trips{margin-right:30%}.main-header button{background:#f5a623;border:none;cursor:pointer;font-size:20px;border-radius:30px;color:#fff;padding:5px 10px;opacity:.75}.main-header button:hover{opacity:1}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:Rubik,sans-serif}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
/*# sourceMappingURL=main.a86f31ae.chunk.css.map */