.stopwatch{
    background:#111;
    padding:30px;
    border-radius:20px;
    max-width:600px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,0.4);
	margin:40px auto
}

.stopwatch .time{
    font-size:4rem;
    margin-bottom:20px;
    letter-spacing:2px;
	color:#ffff
}

.stopwatch .buttons{
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin-bottom:20px;
}

.stopwatch button{
    flex:1;
    padding:12px;
    font-size:1rem;
    border:none;
    border-radius:10px;
    cursor:pointer;
    transition:0.2s;
}

.stopwatch .stopwatch button:hover{
    opacity:0.8;
}

.stopwatch .start{ background:#28a745; color:white; }
.stopwatch .pause{ background:#ffc107; color:black; }
.stopwatch .reset{ background:#dc3545; color:white; }
.stopwatch .lap{ background:#17a2b8; color:white; }

.stopwatch .laps{
    max-height:150px;
    overflow-y:auto;
    text-align:left;
    font-size:0.9rem;
}

.stopwatch .lap-item{
    padding:5px 0;
    border-bottom:1px solid #333;
	    color: #fff;
    font-size: 24px;
}

@media(max-width:400px){
    .stopwatch .time{ font-size:2.2rem; }
    .stopwatch button{ font-size:0.9rem; padding:10px; }
	.stopwatch{
    max-width:95%;
    width:95%;
	margin:20px auto
}
}