@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap");body{margin:0;max-width:100vw;height:100%;max-height:100vh;overflow-x:hidden;word-wrap:break-word}html{height:100%;font-size:16px;font-weight:600;letter-spacing:.014rem}*{font-family:'Quicksand', sans-serif;line-height:1.65em}*{box-sizing:border-box}#canvas_box{display:none}.container{display:flex;width:100%;min-height:100%;background-color:#1E3C72}@media (max-width: 800px){.container{flex-direction:column;height:100%;border-radius:0}}.container .main{background-color:#eee;width:80%;padding:25px}@media (max-width: 800px){.container .main{width:100%;height:100%}}.container .menu{background-color:#fff;width:20%;min-width:300px;padding:25px 15px}@media (max-width: 800px){.container .menu{width:100%;order:-1;padding:15px 8px}}.actions{display:flex;justify-content:center;flex-direction:column}.actions .action_row{display:flex;flex-direction:column;align-items:center;justify-content:center}.actions .actions_btns{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 15px}.image{margin:0 auto}.image img{width:150px;height:150px;object-fit:contain}.link{width:100%;text-align:center}.convert_btn{margin:15px 0;border-radius:3px;background-color:#1E3C72;color:#fff;user-select:none;cursor:pointer;padding:5px 8px;width:100%;transition:.3s ease-in-out}.convert_btn:hover{background-color:rgba(30,60,114,0.9)}input[type=file]{border:none}.image_container{transition:.3s ease-in-out;display:flex;flex-direction:row-reverse;align-items:center;height:150px;width:100%}.image_container:nth-child(odd){background-color:#ddd}.image_container:nth-child(even){background-color:#fff}.image_container:hover{background-color:#ccc}