@charset "UTF-8";

:root {
  --color-red: #FF4500;     /* 赤系 */
  --color-yellow: #FFD700;    /* アクセントカラー */
  --color-background-1: #0B1D51; /* 背景1 */
  --color-background-2: #000814; /* 背景2 */
  --color-background-card-1 :#52659b;
  --color-background-card-2 :rgb(164, 74, 90);
}


body {
  background: linear-gradient(var(--color-background-1), var(--color-background-2));
  color: white;
  min-height: 100vh;
}

a{
	color:white;
}


main{
	min-height: 45vh;
}

.modal{
	color:black;
}

.modal-subtitle{
	font-size: 1.2rem !important;
}

.msg-info{
	color: var(--color-yellow);
}

.msg-error{
	color: var(--color-red);
}

.red{
	color: var(--color-red);
}

.icon{
	width:45px;
	margin:5px;
}
.icon_img{
	width:100%;
}

.apprication_title{
	height:100%;
}

.card-form{
	width:300px;
	margin :2% auto;
	padding:10px 20px;
	background-color:var(--color-background-card-1);
	border-radius: 10px;
}

.text-center{
	text-align: center;
}

.box-center{
	margin: auto;
}

.a-btn-right{
	text-align: right;
}

/* 日記一覧 */

.card-diary-item-my{
	border: 2px solid white;
	width:100%;
	margin :0% auto 2% auto;
	padding:10px 20px;
	background-color:var(--color-background-card-1);
	border-radius: 10px;
}

.card-diary-item{
	border: 2px solid white;
	width:100%;
	margin :0% auto 2% auto;
	padding:10px 20px;
	background-color:var(--color-background-card-2);
	border-radius: 10px;
}

.diary-title{
	font-size:x-large;
}


/* 日記詳細 */
.card-diary-body-my{
	border: 2px solid white;
	width:100%;
	margin :0% auto 2% auto;
	padding:10px 20px;
	background-color:var(--color-background-card-1);
	border-radius: 10px;
}

.card-diary-body{
	border: 2px solid white;
	width:100%;
	margin :0% auto 2% auto;
	padding:10px 20px;
	background-color:var(--color-background-card-2);
	border-radius: 10px;
}

/* チーム一覧 */
.card-team-item{
	border: 2px solid white;
	width:100%;
	margin :0% auto 2% auto;
	padding:10px 20px;
	background-color:var(--color-background-card-1);
	border-radius: 10px;
}