@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border: none;
    color: white;
}

body {
    background:rgb(34, 34, 34);
    font-family: "Orbitron", sans-serif;
}

.wrapper {
    display: block;
    text-align: center;
    margin-top: 75px;
}

.title {
    margin-bottom: 12px;
}

.timer {
    margin-bottom: 12px;
}
.minute, .second {
    font-size: 46px;
}

.milisecond {
    font-size: 32px;
}

.two-points {
    font-size: 38px;
}

.start-button {
    margin-right: 12px;
    border-radius: 30px;
    padding: 8px 16px;
    background: rgb(7, 172, 223);
    font-size: 18px;
    cursor: pointer;
    font-family: 'Orbitron';
}

.continue-button {
    margin-right: 12px;
    border-radius: 30px;
    padding: 8px 16px;
    background: rgb(4, 202, 141);
    font-size: 18px;
    cursor: pointer;
    font-family: 'Orbitron';
}

.stop-button {
    margin-right: 12px;
    border-radius: 30px;
    padding: 8px 16px;
    background: rgb(216, 6, 222);
    font-size: 18px;
    cursor: pointer;
    font-family: 'Orbitron';
}

.reset-button {
    border-radius: 30px;
    padding: 8px 16px;
    background: rgb(255, 1, 55);
    font-size: 18px;
    cursor: pointer;
    font-family: 'Orbitron';
}

.button-effect {
    transition: ease-in-out 0.4s;
}

.button-effect:hover {
    transform: translateY(-4px);
    opacity: 0.8;
}