.container{position:relative;background-color:#333;height:5vh}.button{background-color:#fff;color:#000;padding:7px 14px;border-radius:5px;cursor:pointer;border:none;margin:12px;z-index:5;font-weight:bolder}.ul_container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;overflow:hidden;z-index:2}.li_container{list-style:none;margin:0;padding:20px 0;font-family:sofia-pro,sans-serif}.li_container a{text-decoration:none;color:#fff;font-size:30px}.li_container a:hover{background-color:#8a8a8a;padding:10px;border-radius:15px 2px}.close_btn{position:absolute;top:20px;right:20px;color:#fff;font-size:30px;cursor:pointer;z-index:3}.home_{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#000000ef;text-decoration:none}.home_ p{color:#fff;font-size:14px;font-family:PT Sans;margin-top:5px}.home_ a{color:#fff;font-size:14px;font-family:PT Sans;margin-top:5px;text-decoration:none}.settimer_container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:95vh;background-color:#333}.timer_btn{margin-top:50px;width:200px;height:50px;background-color:#000;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:20px;border:1px solid white}.checkboxes{color:#fff}.settime_section{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:50px}.settime_section .settime{font-size:20px;margin:20px;display:flex;justify-content:center;align-items:center;gap:50px}.settime_section .minutes{font-size:15px;color:#ffffffb3;margin-top:-20px}.settime_section .minutes_counter{font-size:8rem;font-family:Orbitron,sans-serif;color:#fff}.settime_section .arrow{cursor:pointer;width:40px}.stopwatch{display:flex;justify-content:center;align-items:center;flex-direction:column;height:95vh;background-color:#333;margin:0;padding:0;font-family:Roboto,sans-serif;font-size:1.5rem;color:#000;text-align:center;position:relative}.stopwatch .time_left{font-size:1.2rem;color:#fff}.stopwatch .portfolio{color:#fff;font-size:12px;cursor:pointer;padding-top:50px}.stopwatch .link_portfolio{font-size:12px;cursor:pointer;color:#fff}.stopwatch .link_portfolio:hover{text-decoration:underline;color:#fb3}.stopwatch h1{font-size:2rem;margin:0;padding:0}.clock-number{position:absolute;top:50%;left:50%;transform-origin:0 0;font-size:18px;width:20px;height:20px;display:flex;justify-content:center;align-items:center}.stopwatch p{font-size:1rem;margin:0;padding:0}.stopwatch .ur{width:350px;height:350px;border-radius:50%;background-color:#fff;border:3px solid black;position:relative;margin:50px}.big-marker{position:absolute;width:3px;height:30px;background:#000;top:10px;left:50%;transform-origin:center 160px;z-index:1}.small-marker{position:absolute;width:3px;height:15px;background:gray;top:10px;left:50%;transform-origin:center 160px}.stopwatch .seconds{width:2px;height:125px;background-color:red;position:absolute;bottom:50%;left:calc(50% - 1px);transform-origin:bottom center}.stopwatch .minutes{width:4px;height:120px;background-color:#000;position:absolute;bottom:50%;left:calc(50% - 2px);transform-origin:bottom center}.timerdigital_container{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:1rem;height:95vh;font-weight:700;color:#fff;background-color:#333;gap:1rem}.timerdigital_count{font-size:5.5rem;font-family:Orbitron,sans-serif}.btns{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:10px;margin-top:50px}.btns .btn_{color:#fff;padding:6px 14px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;border:2px solid transparent}.btns .btn_._start{background-color:#2ecc71}.btns .btn_._pause{background-color:#f1c40f}.btns .btn_._reset{background-color:#3cabe7}.btns .btn_._stop{background-color:#e74c3c}.btn_stoptimer{color:#fff;padding:10px 20px;border:whitesmoke 2px solid;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s;background-color:#000;margin-top:20px}.portfolio{color:#fff;font-size:12px;cursor:pointer;padding-top:50px}.link_portfolio{font-size:12px;cursor:pointer;color:#fff}.link_portfolio:hover{text-decoration:underline;color:#fb3}.alarm_container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:95vh;background-color:#000000e5}.alarm_svg{width:200px;height:200px;margin-bottom:40px}.alarm_title{font-size:54px;color:#fff;margin-bottom:20px}.alarm_undertitle{font-size:14px;color:#fff;margin-bottom:70px}.alarm_button{padding:10px 20px;background-color:#f50057;color:#fff;border:none;border-radius:5px;cursor:pointer}.intervall_container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:95vh;background-color:#333;position:relative;text-align:center}.intervall_container .intervall_text{color:#fff;font-size:2rem;margin-top:40px}.intervall_container .intervall_time{color:#fff;font-size:1rem;margin-top:40px}.intervall_container .intervall_btn{margin-top:100px;padding:10px 20px;background-color:#0d4cc1;color:#fff;border:none;border-radius:5px;cursor:pointer}.intervall_container .circle_wrapper{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;z-index:1}.intervall_container .dark_circle{width:100%;height:100%;background:radial-gradient(circle,#25351b00 50%,#000c);border-radius:50%;transform-origin:center}.texttimer_container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:95vh;font-weight:700;color:#fff;background-color:#333}.texttimer_container .texttimer_text{font-size:1.5rem;text-align:center}.texttimer_container .texttimer_button{color:#fff;padding:10px 20px;border:whitesmoke 2px solid;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s;background-color:#000;margin-top:70px}.texttimer_container .portfolio{color:#fff;font-size:12px;cursor:pointer;padding-top:50px}.texttimer_container .link_portfolio{font-size:12px;cursor:pointer;color:#fff}.texttimer_container .link_portfolio:hover{text-decoration:underline;color:#fb3}*{margin:0;padding:0;box-sizing:border-box}