.main-container{border:2px black solid;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:15% 10%;border-radius:20px;background-color:#fff}.main-container input{width:100%;border:2px black solid;margin-top:10px}.main-container div{margin-bottom:10px}html,body{background:rgb(241,240,240)}.btn-flex{display:flex}.btn-flex button{width:80%;height:40px;font-size:medium;background-color:#5cb85c;margin-top:10px;margin-left:2%;border-color:#000}.btn-primary{--bs-btn-color: #fff;--bs-btn-bg: #2c9e34;--bs-btn-border-color: #2c9e34;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #2c9e34;--bs-btn-hover-border-color: #2c9e34;--bs-btn-focus-shadow-rgb: 49,132,253;--bs-btn-active-color: #fff;--bs-btn-active-border-color: #2c9e34;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #2c9e34;--bs-btn-disabled-border-color: #2c9e34;display:flex;text-align:center;justify-content:center}.area{display:flex;margin:5% 10%;justify-content:center;align-items:center}.area-btn button{margin-right:5px;border:2px black solid}.area-input{margin-right:20px;width:40%;border:2px black solid;border-radius:5px}ul.photo-list{list-style-type:none;padding:0;margin:8% 8% 8% 13%}ul.photo-list li{display:inline-block;margin:10px}ul.photo-list img{max-width:100%;max-height:200px;height:auto;border:2px solid #ccc;border-radius:5px}ul.photo-list img:hover{opacity:.1}h3{display:flex;justify-content:center;align-items:center}.imgWrap{position:relative;display:inline-block}.img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;color:#fff;text-align:center;padding:10px;opacity:0;transition:opacity .3s ease}.img-overlay .img-text{position:relative;top:50%;transform:translateY(-50%)}.img-overlay:hover{opacity:1}.img-text{font-size:x-large}.input-error{border-color:#dc3545;color:#dc3545;transition:border .3s}ul.vide-list{list-style-type:none;padding:0;margin:8% 8% 8% 13%}ul.video-list li{display:inline-block;margin:10px}ul.video-list img{max-width:100%;max-height:200px;height:auto;border:2px solid #ccc;border-radius:5px}ul.video-list img:hover{opacity:.1}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.shake{animation:shake .3s}@media (max-width: 768px){.main-container{width:80%}.main-container div{margin:10px}.btn-flex{display:block;position:relative}.main-container input{width:80%;margin-left:10%}.btn-flex button{margin-left:10%}.main-container h5{text-align:center}.area{flex-direction:column;justify-content:center;align-items:center}.area-btn button{margin-left:20%;width:60%;margin-bottom:5px}.area-input{display:flex;position:relative;width:60%;margin-left:7%;margin-bottom:10px}ul.photo-list{margin-left:8%}h3{margin-left:7%}}.ar{display:flex;justify-content:center;align-items:center}.flex{display:flex;border:2px black solid;border-radius:15px;padding:2%;flex-direction:column;margin:10%;background-color:#fff}.input-group{width:70%;border:2px black solid;border-radius:8px}html,body{background-color:#f1f0f0}