:root{--clr-green: #209415;--clr-red: #850207;--clr-blue: hsl(220, 100%, 5%);--clr-blue-light: hsl(220, 100%, 35%)}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,Lato,Arial,sans-serif}html{background:var(--clr-blue);font-size:15px}body{display:flex;flex-direction:column;align-items:center}header{height:100px;display:flex;align-items:center;justify-content:center;background:var(--clr-blue-light);width:100%}header h1{color:#fff}@media(min-width: 800px){header h1{font-size:40px}}section{width:95%;margin:0 auto;position:relative}section .menu_button{position:absolute;top:20px;right:20px;width:50px;height:20px}section .menu_button::after,section .menu_button::before{content:"";position:absolute;height:4px;width:50px;background:#fff;right:0;border-radius:4px}section .menu_button::after{top:15px}section .menu_button:hover{cursor:pointer}section .menu{position:absolute;z-index:10;top:50px;right:20px;display:flex;gap:10px;flex-direction:column;font-size:20px;transform:scaleY(0);transition:all 300ms;transform-origin:top}section .menu input{font-size:1em;color:#fff;border-width:3px;outline:2px solid #fff;padding:.25em;background:var(--clr-blue);border-radius:0}section .menu.expanded{transform:scaleY(1)}section .scoreboard{position:relative;width:95%;max-width:50em;margin:0 auto;margin-top:50px;display:flex;font-size:10px}@media(min-width: 600px){section .scoreboard{font-size:15px}}@media(min-width: 900px){section .scoreboard{font-size:20px}}section .scoreboard #darts{width:8%}section .scoreboard #darts div{font-size:2.5em;color:#fff;display:flex;align-items:center;justify-content:center;line-height:1;background:var(--clr-red);border:.5px solid #333;height:50%;transition:margin-top 500ms ease}section .scoreboard .rows{flex-grow:1}section .scoreboard .rows .row{width:100%;display:flex}section .scoreboard .rows .row h3{font-size:1.8em;padding:.5em;border:.5px solid #333}section .scoreboard .rows .row .name{flex-grow:1;background:#fff;position:relative}section .scoreboard .rows .row .name h4{position:absolute;font-size:1em;left:auto;right:5%;top:50%;transform:translateY(-40%);line-height:0}section .scoreboard .rows .row .score{width:100px}section .scoreboard .rows .row .score,section .scoreboard .rows .row .legs{background:var(--clr-green);min-width:height}section .scoreboard #arrow_wrapper{width:8%;margin-left:1px}section .scoreboard #arrow_wrapper #arrow{font-size:2.5em;color:#fff;display:flex;align-items:center;justify-content:center;line-height:1;background:var(--clr-red);border:.5px solid #333;height:50%;transform:ScaleX(-1);transition:margin-top 500ms ease}section .scoreboard #arrow_wrapper .player2{margin-top:100%}section .score_input{display:flex;width:100%;justify-content:center;margin-top:50px;font-size:13px}@media(min-width: 600px){section .score_input{font-size:20px}}section .score_input input{width:300px;font-size:2em;padding:.2em;background:var(--clr-blue);outline:2px solid #fff;border-width:3px;color:#fff;border-radius:0}section .score_input #submit{width:min-content}section #new_game:hover{cursor:pointer}/*# sourceMappingURL=main.css.map */