.container{
   width:100%;
 }
 #center{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
#calListText{
  display:flex;
  width:90%;
  font-weight:Bold;
  justify-content:flex-start;
}
#addCal{
  display:flex;
  width:90%;
  justify-content:flex-end;
  margin-bottom:2%;
}
#addButton{
  display:flex;
  align-items:center;
  border:1px solid rgb(170, 170, 170);
  box-shadow: 1px 1px rgb(170, 170, 170);
  background-color:#7FD8DA;
  border-radius:3px;
}
#addButton:hover{
  background-color:#76e7e9;
}
#calList{
  width:85%;height:50%;
  padding:3%;
  border:1.5px solid #7FD8DA;
  border-radius:10px;
  display:flex;
  flex-direction:column;
  overflow-y: scroll;
}
.sharedList{
  display:flex;
  flex-direction:row;
  width:95%;
}
.char{
  margin-left:3%;
  min-width:100px;
}
.list{
  display:flex;
  flex-grow:1;
  min-width:300px;
  padding:1%;
  height:50%;
  flex-direction:row;
  border:1px solid rgb(183, 183, 184);
  border-radius:10px;
  box-shadow:1px 1px #9df2f3;
  justify-content:space-between;
}
.teamName{
  display:flex;
  align-items:center;
}
.teamName:hover{
  color:#7FD8DA;
  cursor:pointer;
}
.modify{
  display:flex;
  justify-content:flex-end;
  flex-basis:30%;
}
#menuButton{
  margin-top:12%;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
}
#menuLogo{width:70%;}


/*   popup    */

.button {
  text-decoration:none;
  cursor: pointer;
  display:flex;
  justify-content:center;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 200ms;
  visibility: hidden;
  opacity: 0;
}
.overlay light {
  background: rgba(255, 255, 255, 0.5);
}
.overlay .cancel {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: default;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.popup {
  width: 40%;
  margin: 5px auto;
  border:1px solid #7FD8DA;
  border-radius:5px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  position: relative;
}
.light .popup {
  border-color: #aaa;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
.popup .close {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 20px;
  right: 20px;
  opacity: 0.8;
  transition: all 200ms;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  color: #666;
}
.popup .close:hover {
  opacity: 1;
}
.popup .myContent {
  max-height: 900px;
  max-width:900px;
  overflow: auto;
}

/* popup div */

#contents{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  margin:3%;padding:1%;
  font-size:80%;
}
#top{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.textInput{
  border:0.1px solid #7FD8DA;
  border-radius:5px;
  padding:1%;
  width:50%;
}
#title{font-size:150%;width:180%;border:none;}
.icons{width:5%; margin-right:3%;}
.content{
  margin-top:4%;
  margin-left:5%;
  display:flex;
  flex-direction:row;
  align-items:center;
  min-width:300px;
}
textarea{
  border:1px solid #7FD8DA;
  border-radius:5px;
}
.kakaoContent{
  margin-top:10%;
  margin-left:5%;
  display:flex;
  flex-direction:column;;
}
#date-time {
  margin-left:3%;
  border:1px solid #7FD8DA;
  border-radius:15px;
  box-shadow:1px 1px 1px #7FD8DA;
}
#kakao-notice{
  margin-left:3%;
  border-radius:5px;
  background-color:#ffe812;
  box-shadow:1px 1px 1px #6e6e6e;
}
#myCalList{
  margin-left:3%;padding:1%;
  width:55%;height:12vh;
  border:1px solid #7FD8DA;
  border-radius:5px;
  display:flex;
  flex-direction:column;
  overflow-y:scroll;
}
.checkTeam{
  margin:2%;
  display:flex;
  justify-content:flex-start;
  margin-bottom:3%;
}
.checkbox{margin:0% 2%;}
#submitBox{
  width:93%;
  display:flex;
  justify-content:flex-end;
}
#submitButton{
  background-color:#7FD8DA;
  border:1px solid rgb(170, 170, 170);
  box-shadow: 1px 1px rgb(170, 170, 170);
  border-radius:5px;
  padding:1.5% 2%;
}
#findFile{
  background-color:#7FD8DA;
  border:1px solid rgb(170, 170, 170);
  box-shadow: 1px 1px rgb(170, 170, 170);
  border-radius:3px;
  width:15%;
  margin-left:5%;
}

.button2{
  text-decoration:none;
  cursor: pointer;
  display:flex;
  justify-content:center;
}