*{box-sizing:border-box;margin:auto;padding:0}body{background-color:#1fe8e2;display:flex;flex-wrap:wrap}.container{display:flex;flex-direction:column;position:relative}.hidden{visibility:hidden}.board-container{width:500px}h3.board__title{margin-top:20px}.input-wrapper{background-color:#f0f8ff;border:1px solid gray;bottom:30px;display:flex;flex-wrap:wrap;height:40px;position:fixed;width:500px}input.text__field{background-color:#f0f8ff;border:none;height:38px;margin-left:0;outline:none;padding:0 5px;width:80%}.video__btn,button.audio__btn{border-radius:32px;height:32px;width:32px}.geo_tooltip-active,span.tooltip-active{color:red;margin-top:5px}.modal{align-items:flex-start;background-color:rgba(0,0,0,.9);bottom:0;display:flex;justify-content:center;left:0;opacity:0;overflow-y:scroll;padding:60px 15px;position:relative;right:0;top:-1000px;visibility:hidden;z-index:1000}.modal__close{background:transparent;border:none;color:#333;cursor:pointer;font-size:24px;height:30px;line-height:1;padding:0;position:absolute;right:15px;top:15px;width:30px;z-index:10}.modal__close:hover{color:red;transform:scale(1.1)}.modal__close:focus{border-radius:4px;outline:2px solid #007bff}.modal-content{background-color:beige;display:flex;flex-direction:column;height:200px;width:340px}.modal-active{opacity:1;position:fixed;text-align:center;top:0;transition:.3s;visibility:visible}input.input__coords{height:40px;padding:5px;width:300px}.modal__add-btn{background-color:#3d5c95;border-radius:8px;color:#fff;cursor:pointer;height:25px;outline:1px solid blue;width:80px}.article-box{background-color:beige;border:1px solid gray;border-radius:8px;margin-bottom:10px}.article__header{font-size:.8rem;margin-left:70%;margin-top:10px}.article__content{margin:10px}span.article__post{font-size:1.2rem;padding:5px}.article__footer{font-size:.8rem;margin-bottom:10px;margin-left:10px}