@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);.signupContainer{border:1px solid #000;border-radius:10px;box-shadow:0 4px 2px -2px #60686c;padding:10px;width:500px}.signupBtn{background-color:transparent;border:1px solid green;border-radius:4px;color:green;height:30px;width:100px}.signupBtn:hover{background-color:green;color:#fff}#signupFrom{display:flex;flex-direction:column;gap:5px}#signupFrom>input{height:30px}.login-link{color:#faa85f;display:inline}@media (max-width:480px){.signupContainer{width:100%}}.wrapper{align-items:center;justify-content:center;margin:20px}.loginContainer{border:1px solid #000;border-radius:10px;box-shadow:0 4px 2px -2px #60686c;padding:10px;width:500px}#loginFrom{display:flex;flex-direction:column;gap:5px}#loginFrom>input{height:30px}.notice{color:red}.signup-link{color:#faa85f;display:inline}@media (max-width:480px){.loginContainer{width:100%}}.wrapper{flex-direction:flex}.header-content{justify-items:center}#coupon-grid{align-content:center;background-color:#fff;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,350px));height:100%;justify-content:center;width:100%}@media (max-width:480px){.header-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.header-content>h1{font-size:larger}#coupon-grid{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}}.wrapper-grid{border:1px solid #585757;border-radius:5px;box-shadow:0 4px 2px -2px #60686c;height:auto;margin:10px 8px;width:300px}.right-content,.wrapper-grid{display:flex;flex-direction:column}.right-content{padding-left:5px;padding-right:5px}.right-content>input{font-size:20px;font-weight:700;height:50px}.interaction-content{display:flex;justify-content:space-between;margin-top:10px}.rating{display:flex;width:50%}.commentIcon,.rating{font-size:15px}.comments{width:50%}.commentCount{bottom:3px;display:inline;position:relative}.date-content{align-items:center;display:flex;font-size:13px;justify-content:space-between}.date-content>.popOut{padding-bottom:2px}.desc-content{display:inline-block;overflow:hidden!important;text-overflow:ellipsis;white-space:nowrap;width:290px}.image-content{overflow:hidden}.account-content,.image-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.form-container{border:1px solid #000;border-radius:5px;box-shadow:0 4px 2px -2px #60686c;height:auto;padding:8px;width:400px}#changeDisplayNameForm,#changePasswordForm{display:flex;flex-direction:column;gap:2px;justify-content:center}input{height:30px}#changeNameBtn,#changePasswordBtn{background-color:transparent;border:1px solid green;border-radius:4px;color:green;font-size:20px;height:30px}#changeNameBtn:hover,#changePasswordBtn:hover{background-color:green;color:#fff}@media (max-width:480px){.form-container{width:90%}}.about-wrapper{align-items:center;justify-content:center}.about-content,.about-wrapper{display:flex;flex-direction:column}.about-content{border:1px solid #585757;border-radius:5px;box-shadow:0 4px 2px -2px #60686c;margin:10px 8px;padding:8px;width:50%}.about-content>.title,.desc{align-self:center;justify-self:center}@media (max-width:480px){.about-content{width:90%}}#navbar{background-color:rgba(156,213,240,.63);box-shadow:0 4px 2px -2px gray;height:50px;justify-content:space-between;overflow:hidden;padding:5px}#navbar,.logo-container{align-items:center;display:flex}.logo-container{font-size:30px;justify-content:center;padding-top:10px}.left-continer{font-size:25px;margin-left:30px;padding-top:8px}a,a:visited{color:#000;text-decoration:none}a:hover{color:#f8cf26}#addIcon{position:relative;top:2px}.searchTab{display:flex;margin-right:100px;width:80%}.searchTab>input{border-radius:8px;font-size:20px;height:38px;padding:8px;width:100%}.user-panel{align-items:center;display:flex;gap:8px;justify-content:space-between}.createBtn{background-color:transparent;border:1px solid green;border-radius:4px;color:green;height:30px}.createBtn:hover{background-color:green;color:#fff}.accountBtn{background-color:transparent;border:1px solid green;border-radius:4px;color:green;height:30px;width:100px}.accountBtn:hover{background-color:green;color:#fff}.loginBtn{background-color:transparent;border:1px solid green;border-radius:4px;color:green;height:30px;width:100px}.loginBtn:hover{background-color:green;color:#fff}.signoutBtn{background-color:transparent;border:1px solid red;border-radius:4px;color:red;height:30px;width:100px}.signoutBtn:hover{background-color:red;color:#fff}.myAccount{display:flex;gap:8px}@media (max-width:480px){#navbar{width:100%}.logo-container{font-size:20px}.left-continer>a,.logo-container{align-items:center;display:flex;justify-content:center}.left-continer>a{font-size:16px}.user-panel{align-items:center;display:flex;gap:2px;justify-content:space-between;padding:8px}.loginBtn{background-color:transparent;border:1px solid green;border-radius:4px;color:green;height:30px;width:100px}}#createForm,.wrapper{display:flex;flex-direction:column}#createForm{border:1px solid #000;border-radius:10px;box-shadow:0 4px 2px -2px #60686c;gap:10px;padding:8px}#createForm>.postPhoto{height:20px}#createForm>input{width:300px}#createForm>textarea{min-height:80px;resize:vertical}.submitBtn{width:auto}.notice-success{background-color:rgba(166,236,166,.856);border:1px solid green;border-radius:2px;color:green;margin:8px;padding:8px}.notice-error{background-color:pink;border:1px solid red;border-radius:2px;color:red;margin:8px;padding:8px}.detail-wrapper{align-items:center;justify-content:center}.detail-content,.detail-wrapper{display:flex;flex-direction:column}.detail-content{border:1px solid #585757;border-radius:5px;box-shadow:0 4px 2px -2px #60686c;height:auto;margin:10px 8px;padding:8px;width:80%}.left-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.left-content>img{max-height:300px;max-width:300px}.right-content>.detail-description{word-wrap:break-word;display:flex;flex-direction:column;gap:8px;max-width:350px}.info-section{display:flex;gap:20px;justify-content:center}#commentForm{display:flex;flex-direction:column;gap:8px;padding:8px}#commentForm>textarea{min-height:80px;min-width:100%;resize:vertical}.submitBtn{background-color:transparent;border:1px solid green;border-radius:4px;color:green;height:30px;width:100px}.submitBtn:hover{background-color:green;color:#fff}@media (max-width:480px){.detail-wrapper{padding:0 10px}.info-section{display:flex;flex-direction:column;gap:20px;justify-content:center}.detail-content{padding:8px;width:100%}}.comment-content{display:flex;flex-direction:column}.comment-header,.user-info{align-self:flex-end;color:gray;font-size:15px}.comment{font-size:18px}*{font-family:Nunito,sans-serif}body{margin:0}
/*# sourceMappingURL=main.afb68d3e.css.map*/