/*作者栏垂直方向上的总体布局*/
:root
{
  /*每张卡片的宽度1*/
  --eachresume-width1:42vw;
  /*每张卡片的高度1*/
  --eachresume-height1:26vw;
    /*每张卡片的宽度2*/
  --eachresume-width2:42vw;
  /*每张卡片的高度2*/
  --eachresume-height2:22vw;
}
.div.total
{
  width: 100vw;
}
/*每行作者栏的布局*/
.div.eachrow1
{
  width: 100vw;
  height:26vw;
}
.div.eachrow2
{
  width: 100vw;
  height:22vw;
}

/*每个作者类型1卡片的背景和布局*/
.div.eachresume1
{
  width: var(--eachresume-width1);
  height: var(--eachresume-height1);
  background: linear-gradient(to right, rgba(220,0,0,0.40),rgba(255,286,286,0.40), rgba(82, 18, 18, 0.40), rgba(82, 18, 18, 0.40), rgba(82, 18, 18, 1.00));
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
/*每个作者类型2卡片的背景和布局*/
.div.eachresume2
{
  width: var(--eachresume-width1);
  height: var(--eachresume-height1);
  background: linear-gradient(to right, rgba(0, 26, 63, 0.40), rgba(7, 84, 120, 0.40), rgba(220, 220, 220, 0.40), rgba(0, 26, 63, 0.40), rgba(0, 26, 63, 1.00));
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
/*每个作者类型3卡片的背景和布局*/
.div.eachresume3
{
  width: var(--eachresume-width2);
  height: var(--eachresume-height2);
  background: linear-gradient(to right, rgba(220, 220, 220, 0.30), rgba(96, 96, 96, 0.30), rgba(79, 79, 79, 0.30), rgba(79, 79, 79, 0.30), rgba(79, 79, 79, 0.60));
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
/*每个作者类型4卡片的背景和布局*/
.div.eachresume4
{
  width: var(--eachresume-width2);
  height: var(--eachresume-height2);
  background: linear-gradient(to right, rgba(220, 220, 220, 0.40), rgba(195, 246, 189, 0.40), rgba(154, 239, 152, 0.40), rgba(188, 247, 225, 0.40), rgba(16, 99, 2, 0.35));
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
/*作者头像布局*/
.div.img
{
  margin-left: 1vw;
  height: 20vw;
  display: flex;
  margin-top: 1vw;
}
/*作者头像样式1*/
.imgAuthor1
{
  width: 9vw;
  height:13vw;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
/*作者头像样式2*/
.imgAuthor2
{
  width: 9vw;
  height:13vw;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
/*作者简介部分的文字总体布局*/
.text.total
{
  display:flex; 
  margin-left: 2vw;
  flex-direction: column;
  margin-top: 1vw;
}
/*作者姓名样式1*/
.text.name1
{
  font-family: Arial; 
  color: #ffffff; 
  font-size: 2vw;
}
/*作者姓名样式2*/
.text.name2
{
  font-family: Arial; 
  color: #eeeeee; 
  font-size: 2vw;
}

/*标题样式1*/
.title.style1
{
  font-family: Arial; 
  color: #eeeeee; 
  font-size: 1vw;
  margin-top: 1vw;
}

/*标题样式2*/
.title.style2
{
  font-family: Arial; 
  color: #eeeeee; 
  font-size: 1vw;
}



/*文字内容样式1*/
.text.style1
{
  font-family: Arial; 
  color: #eeeeee; 
  font-size: 1vw;
}

/*文字内容样式2*/
.text.style2
{
  font-family: Arial; 
  color: #eeeeee; 
  font-size: 1vw;
}