first.css

ul
{
	padding:0;
	list-style-type:none;
	margin:0;
	
}

.header
{
	position: -webkit-sticky;
	position: sticky;
	top:0;
	background-color: white;
	z-index:5;
	box-shadow: 10px 11px 34px -10px rgba(0,0,0,0.06)!important;

}
.header a
{
	color: #3B3736;
	font-size:16px;
	padding: 0.5em;
	
}

*
{
	font-size:24px;
	margin:0;
	padding:0;
}
li
{
	display:inline;
}

.top
{
		display:flex;
		justify-content: space-around;
}
.para
{
	display:inline-block;
	width:20em;
	font-weight: bold;
    font-size: 0.75em;
    margin-left: 1em;
    color: #000000;
    font-family: Nunito Sans;
    font-style: normal;
}
.left
{
	margin-left:20px;
	margin:0;
	padding:0;
	float:left;
}
#nav-bar
{
	display:flex;
	justify-content:space-around;
	
}

.topright
{
	display:flex;
	justify-content:space-between;
}

.sec
{
	display:flex;
	justify-content:center;
}
.second
{
	grid-column:2/span 1;
	display:inline-grid;
	grid-template-columns:auto auto;
	justify-content:center;
	align-items:center;
	grid-column-gap: 50px;
}

.pic
{
	grid-row:1/span 2;
	padding-right: 50px;
	
}
.icon
{
	display:none;
}
.design
{	
	grid-row:1/span 1;

		
}
.development
{
	grid-row:2/span 1;
}

.Design
{
	padding-left: 40%;
}
.Development
{
	padding-left: 40%;
}
.devbox
{
    background: #F8D16C;
    position:relative;
    width: 10em;
    height: 2em;
    left: 2.5em;
    top:1.5em;
    z-index: 1;
}

.devbox1
{
    background: #F8D16C;
    position:relative;
    width: 10em;
    height: 2em;
    left: 2.5em;
    top:1.25em;
    z-index: 1;
}

h3
{
	font-size:1.83em;
	z-index:2;
	position:relative;
}

.content
{
	font-family:Nunito Sans;
	font-weight:normal;
	font-size:18px;
	line-height:1.1rem;
	color:#878787;
	margin-top:0.7em;
	margin-bottom:1.25em;
}
.third
{
	display:flex;
	justify-content: center;

}
.assign
{
	padding-left:4.5%;
	padding-right: 4.5%;
}
.out
{
	display: flex;
	justify-content: center;
}
.three
{
	display:none;
}
.line
{
	
	width:40em;
	background-color: #f8d16c;
	display:block;
	padding:-10px;
	height:0.2em;
}
.l
{
	height:5em;
	width:0.2em;
	background-color: #f8d16c;
}
.li
{
	display: flex;
	justify-content: center;
}
.devbox2
{
	 background: #F8D16C;
    position:relative;
    width: 8em;
    height: 2em;
    left: 47%;
    top:1.25em;
    z-index: 1;
}
.event
{
	font-family: Nunito Sans;
    font-weight: bold;
    font-size: 0.65rem;
    line-height: 1rem;
    color: #000000;
}
.date
{
	font-family: Nunito Sans;
    font-weight: normal;
    font-size: 0.65rem;
    line-height: 1rem;
    color: #000000;
}
.four
{
	display:flex;
	justify-content:center;
}

.fourth
{
	display:grid;
	grid-template-columns:auto auto;
	justify-content:center;
	align-items:center;
}

.fif
{
	display:flex;
	justify-content:center;
}

.how
{
	background-color:#293B52;
	margin:0.1vw;
	padding:0.5rem 2rem;
	text-align:center;
	color:white;
	font-size:0.67rem;
	border-radius:2px;
}
	

:nth-child(2n+1).text
{
	background:#f7f7f7;
}

.time
{
	font-family:Nunito Sans;
	font-weight:bold;
	font-size:0.67em;
	line-height:0.75rem;
	color:#9e9e9e;
}
.uptext
{
	font-family:Nunito Sans;
	font-weight:normal;
	font-size:0.67em;
	line-height:1rem;
	color:#666666;
	margin-top:0.5em;
}
.text
{
	width: 75%;
    padding: 0.75em 1.67em;
    padding-top:25px;
    padding-bottom: 25px;
}
	
.foot
{
	display:flex;
	justify-content:space-around;
	background: #293B52;
	height: 1em;
	min-height:3.5em;
	align-items: center;
}

.foot a
{
	color: #F8D16C;
	font-size:0.7em;
}

a
{
	text-decoration:none;
}

.footer
{
	display:flex;
	justify-content:space-around;
}