body{
   font-family: 'Kalam' , cursive;
}



h1 {
    text-align: center;
    color: #7347A7;
    font-size: 40px;
    margin-bottom: 15px;
	margin-bottom: 50px;
	margin-top: 50px;
}

h3{
    margin-left: 20px;
}



.logo:hover{
    color: antiquewhite;
}


#lap{
    padding-left: 80px;
    margin: 0 auto 10px;
    width:300px;
    color:black;
    background-color: #E6E9FF;
    font-size: 40px;
    border-bottom: solid white 1px;
    font-family: 'Montserrat', sans-serif;
}

#time{
    width:300px;
    padding-left:35px;
    color: black;
    background-color: #E6E9FF;
    font-size: 65px;
    margin: 0 auto 10px;
    font-family: 'Montserrat', sans-serif;
}

.lap{
    height: 50px;
    border-bottom: solid 2px white;
    background-color:  #7243A9;
    margin: 15px;
}

.lapTitle{
    font-size: 1.9rem;
    float: left;
    background-color:  #7243A9;
    color: white;
    padding-left: 15px;
}

.lapTime {
    font-size: 2rem;
    float: right;
    background-color:  #7243A9;
    color: white;
    padding-right: 15px;
}

#controlContainer{
	width: 320px;
}
.controls{
	margin: 10px;
	font-size:35px;
	width:140px;
	border-radius: 50px;
	font-weight: bold;
}

#startButton, #stopButton{
	background-color: green;	
}
#lapButton{
	background-color:#7343A9;
}
#resetButton{
	background-color: red;
}
#lapCentisecond{
	font-size: 20px;
	margin-left: 5px;
}
#timeCentisecond{
	font-size: 30px;
	margin-left: 5px;
}

h3 {
    margin-top: 100px;
}

.explain{
    font-size: 20px;

}
.aboutButton{
    color: #7243A9;
}