body{background-color:white;}
        *{font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;color: white;}
        header{background-color: rgb(224, 81, 81);width: 1280px;height: 70px;position: relative;left: -10px;bottom: 12px;}
        h1{color:white;font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;position: absolute;left: 560px;}
        .infor{height: 250px;width: 550px;background-color: rgb(224, 81, 81);position: relative;left: 190px;margin-top: 40px;border-radius: 15px;}
        #entregador{position: absolute;left: -35px;top: -25px;}
        .entregas{position: relative;left: 320px;top: 45px;}
        #entregas_ver{background-color: rgb(120, 23, 10);width: 500px;position: relative;left: 475px;display: flex;flex-direction: column;gap:10px;top: -180px;border-radius: 15px;}
        input{background-color: rgb(166, 255, 158);border-radius: 15px;border:0px;color: rgb(40, 108, 0);}
        button{background-color: rgb(120, 190, 15);border-radius: 10px;border: 0px;}
        #ent_feitas{position: absolute;left: -200px;top: -30px;font-size: 30px;background-color: rgb(3, 170, 0);}
         #ent_totais{position: absolute;left: -105px;top: 50px;font-size: 30px;background-color: rgb(225, 255, 0);}
        .div_nova_entrega{background-color:rgb(112, 210, 51) ;height: 250px;width: 500px;position: relative;left: 750px;bottom: 250px;border-radius: 10px;}
        #nome,#end,#ref,#tel{font-size: 24px;margin-top: 30px;margin-left: 15px;}
        h2{position: absolute;top: -20px;left: 20px;}
        #add{font-size: 24px;position: absolute;left: 305px;top: 195px;padding-top:10px ;padding-bottom:10px ;padding-left: 30px;padding-right: 30px;}
        #add:hover{font-size: 24px;position: absolute;left: 305px;top: 195px;padding-top:10px ;padding-bottom:10px ;padding-left: 30px;padding-right: 30px;background-color: rgb(11, 174, 36);}
        #estoque_img{position: absolute;top: 30px;left: 315px;}
        #div_text1{position: relative;left: 535px;top: -270px;}
        h3{position: absolute;font-size: 36px;color: green;}
        #menu{background-color: rgb(123, 209, 255);height: 1200px;width: 90px;position: fixed;top: -620px;left: -10px;}
        #sair{position: fixed;left: 10px;top: 400px;}
        #suporte{position: fixed;left: 7px;top: 330px;}
        #modo{position: fixed;left: 7px;top: 250px;}
        #user{position: fixed;left: 7px;top: 20px;}
        #versao{font-size: 10px;color: rgb(255, 255, 255);position: fixed;left: 7px;top: 550px;}
        #emp{font-size: 10px;color: rgb(255, 70, 14);position: fixed;left: 7px;top: 520px;}
        #ano{font-size: 10px;color: rgb(255, 70, 14);position: fixed;left: 20px;top: 535px;}
        #zerar{font-size: 10px;color: rgb(255, 255, 255);position: fixed;left: 15px;top: 490px;background-color: red;}
        #cliente{font-size: 8px;color: rgb(255, 70, 14);position: fixed;left: 7px;top: 85px;}
        @media (max-width:600px) {
            body{background-color:white;}
        *{font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;color: white;}
        header{background-color: rgb(224, 81, 81);width: 390px;height: 70px;position: relative;left: -10px;bottom: 12px;}
        h1{color:white;font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;position: absolute;left: 130px;}
        .infor{height: 180px;width: 300px;background-color: rgb(224, 81, 81);position: relative;left: 60px;margin-top: 10px;border-radius: 15px;}
        #entregador{position: absolute;left: -450px;top: -25px;}
        .entregas{position: relative;left: 320px;top: 45px;}
        #entregas_ver{background-color: rgb(120, 23, 10);width: 300px;position: relative;left: 55px;display: flex;flex-direction: column;gap:10px;top: 110px;border-radius: 15px;}
        input{background-color: rgb(166, 255, 158);border-radius: 15px;border:0px;color: rgb(40, 108, 0);}
        button{background-color: rgb(120, 190, 15);border-radius: 10px;border: 0px;}
        #ent_feitas{position: absolute;left: -300px;top: -30px;font-size: 20px;background-color: rgb(3, 170, 0);}
         #ent_totais{position: absolute;left: -300px;top: 50px;font-size: 20px;background-color: rgb(225, 255, 0);}
        .div_nova_entrega{background-color:rgb(112, 210, 51) ;height: 250px;width: 300px;position: relative;left: 62px;bottom: -10px;border-radius: 10px;}
        #nome,#end,#ref,#tel{font-size: 16px;margin-top: 30px;margin-left: 60px;}
        h2{position: absolute;top: -20px;left: 20px;}
        #add{font-size: 24px;position: absolute;left: 70px;top: 205px;padding-top:5px ;padding-bottom:5px ;padding-left: 30px;padding-right: 30px;}
        #add:hover{font-size: 24px;position: absolute;left: 70px;top: 195px;padding-top:10px ;padding-bottom:10px ;padding-left: 30px;padding-right: 30px;background-color: rgb(11, 174, 36);}
        #estoque_img{position: absolute;top: 30px;left: -315px;}
        #div_text1{position: relative;left: 52px;top: 10px;}
        h3{position: absolute;font-size: 30px;color: green;}
        #menu{background-color: rgb(123, 209, 255);height: 1300px;width: 50px;position: fixed;top: -620px;left: -10px;}
        #sair{position: fixed;left: -13px;top: 400px;}
        #suporte{position: fixed;left: -15px;top: 330px;}
        #modo{position: fixed;left: -15px;top: 250px;}
        #user{position: fixed;left: -450px;top: 20px;}
        #versao{font-size: 10px;color: rgb(255, 255, 255);position: fixed;left:-450px;top: 550px;}
        #emp{font-size: 10px;color: rgb(255, 70, 14);position: fixed;left:-450px;top: 520px;}
        #ano{font-size: 10px;color: rgb(255, 70, 14);position: fixed;left: -450px;top: 535px;}
        #zerar{font-size: 10px;color: rgb(255, 255, 255);position: fixed;left: -5px;top: 490px;background-color: red;}
        #cliente{font-size: 8px;color: rgb(255, 70, 14);position: fixed;left: -450px;top: 85px;}}
        @media (max-width:1440px) 
        {body{background-color:white;}
        *{font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;color: white;}
        header{background-color: rgb(224, 81, 81);width: 1440px;height: 70px;position: relative;left: -10px;bottom: 12px;}
        h1{color:white;font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;position: absolute;left: 680px;}
        .infor{height: 250px;width: 550px;background-color: rgb(224, 81, 81);position: relative;left: 190px;margin-top: 40px;border-radius: 15px;}
        #entregador{position: absolute;left: -35px;top: -25px;}
        .entregas{position: relative;left: 320px;top: 45px;}
        #entregas_ver{background-color: rgb(120, 23, 10);width: 850px;position: relative;left: 350px;display: flex;flex-direction: column;gap:10px;top: -180px;border-radius: 15px;font-size: 24px;}
        input{background-color: rgb(166, 255, 158);border-radius: 15px;border:0px;color: rgb(40, 108, 0);}
        button{background-color: rgb(120, 190, 15);border-radius: 10px;border: 0px;}
        #ent_feitas{position: absolute;left: -200px;top: -30px;font-size: 30px;background-color: rgb(3, 170, 0);}
         #ent_totais{position: absolute;left: -105px;top: 50px;font-size: 30px;background-color: rgb(225, 255, 0);}
        .div_nova_entrega{background-color:rgb(112, 210, 51) ;height: 350px;width: 580px;position: relative;left: 780px;bottom: 250px;border-radius: 10px;}
        #nome,#end,#ref,#tel{font-size: 36px;margin-top: 30px;margin-left: 25px;}
        h2{position: absolute;top: -20px;left: 20px;}
        #add{font-size: 24px;position: absolute;left: 135px;top: 295px;padding-top:10px ;padding-bottom:10px ;padding-left: 30px;padding-right: 30px;}
        #add:hover{font-size: 24px;position: absolute;left: 135px;top: 295px;padding-top:10px ;padding-bottom:10px ;padding-left: 30px;padding-right: 30px;background-color: rgb(11, 174, 36);}
        #estoque_img{position: absolute;top: 75px;left: 435px;}
        #div_text1{position: relative;left: 535px;top: -270px;}
        h3{position: absolute;font-size: 36px;color: green;}
        #menu{background-color: rgb(123, 209, 255);height: 1900px;width: 90px;position: fixed;top: -620px;left: -10px;}
        #sair{position: fixed;left: 10px;top: 400px;}
        #suporte{position: fixed;left: 7px;top: 330px;}
        #modo{position: fixed;left: 7px;top: 250px;}
        #user{position: fixed;left: 7px;top: 20px;}
        #versao{font-size: 10px;color: rgb(255, 255, 255);position: fixed;left: 7px;top: 550px;}
        #emp{font-size: 10px;color: rgb(255, 70, 14);position: fixed;left: 7px;top: 520px;}
        #ano{font-size: 10px;color: rgb(255, 70, 14);position: fixed;left: 20px;top: 535px;}
        #zerar{font-size: 10px;color: rgb(255, 255, 255);position: fixed;left: 15px;top: 490px;background-color: red;}
        #cliente{font-size: 8px;color: rgb(255, 70, 14);position: fixed;left: 7px;top: 85px;}
        }