*{padding:0;margin:0}body{overflow:hidden;font-family:Manrope,sans-serif;background:linear-gradient(to right,#0f2027,#203a43,#2c5364)}.container_timer{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;height:90vh}.numbers{display:flex;justify-content:center;align-items:center;gap:50px}.text{font-size:30vw;color:#ffffff80;text-align:center;align-items:center;cursor:default}.container_function{display:flex;justify-content:center;align-items:center}.container_function>button{width:40px;height:40px;border-radius:50%;border:none;background-color:#fff3;color:#fff;cursor:pointer;transition:all .3s ease-in-out}.container_buttons_colors{display:flex;flex-direction:row;align-items:center;gap:15px}.container_buttons{display:grid;justify-items:center;align-items:center;gap:15px;background-color:#fff;z-index:1;border-radius:20px;padding:15px;position:absolute}.bg_pos_cont{bottom:20px;right:80px;grid-template-columns:repeat(4,1fr)}.txt_pos_cont{top:35px;right:80px;grid-template-columns:repeat(2,1fr)}.colorpicker{width:30px;height:30px;border-radius:50%;border:none;background-color:#000;z-index:10;cursor:pointer;transition:all .3s ease-in-out}.colorpicker:hover{transform:scale(1.2)}.bord{border:1px solid black}.control_btn{position:absolute;width:50px;height:50px;border-radius:50%;border:none;background-color:#fff;color:#000;z-index:10;cursor:pointer;transition:all .3s ease-in-out}.control_btn p{font-size:2.5rem}.control_btn:hover{transform:scale(1.1)}.txt_pos_btn{bottom:40px;right:20px}.bg_pos_btn{top:40px;right:20px}@media (max-width: 600px){.numbers{flex-direction:column;gap:0px}.text{font-size:50vw}.control_btn p{font-size:8vw}}