@media (width < 1000px){.html_code code{font-size:.8rem}}@media (width < 600px){.html_code code{font-size:.7rem}}@media (width < 400px){.html_code code{font-size:.6rem}}.fonts_wrapper{align-items:center;display:flex;flex-direction:column;gap:2rem}.no_fonts{display:none}.fonts_wrapper>.no_fonts:first-child{display:block}.user_font{background:#ff81c2;border:3px solid #000;border-radius:5px;box-shadow:5px 5px;display:flex;gap:1rem;margin:1rem;padding:1rem;position:relative;width:fit-content}.font_name{font-size:2rem;font-weight:700;margin:0}.font_date{color:#222;font-size:.8rem}.font_preview{font-size:2.5rem}.font_buttons{align-items:start;display:flex;flex-direction:column;gap:1rem;margin:0 1rem;padding:0 1rem;position:relative;right:0;top:0}.font_buttons>button{border:3px solid #000;border-radius:5px;box-shadow:5px 5px;cursor:pointer;height:2.3rem;transition:.3s;width:2.3rem}.font_buttons>button:hover{filter:brightness(.8)}.font_buttons>.download_font{background:url(/assets/fonts/download.png);background-color:pink;background-size:cover}.font_buttons>.delete_font{background:url(/assets/fonts/delete.png);background-color:pink;background-size:cover}.font_buttons>.how_to_use{background:url(/assets/fonts/question.png);background-color:pink;background-size:cover}.font_buttons>.publish_font{background:url(/assets/fonts/publish.png);background-size:cover}.font_buttons>.publish_font[published=false]{background-color:#ff6d6d}.font_buttons>.publish_font[published=true]{background-color:#82ff82}.tips_modal{align-items:center;background:#ff99d7;border-radius:1rem;box-shadow:5px 5px;display:flex;flex-direction:column;max-width:fit-content;overflow:initial;position:fixed;width:30rem}.tips_modal_close{background-color:#f77;border:2px solid #000;border-radius:5px;box-shadow:5px 5px;cursor:pointer;font-family:Playwrite gb s,sans-serif;font-weight:700;padding:.5rem 1rem;position:absolute;right:0;top:0;transform:translate(50%,-50%);transition:.3s}.tips_modal_close:hover{box-shadow:2px 2px;filter:brightness(.8)}.bottom_buttons_wrapper{display:flex;flex-direction:row;gap:1rem}.html_code{background:#fff;border:3px solid #000;border-radius:5px;box-shadow:5px 5px;display:flex;flex-direction:column;margin-left:1rem;padding:1rem;width:fit-content}code[l="1"]{margin-left:2rem}code[l="2"]{margin-left:3rem}code[l="3"]{margin-left:4rem}code[l="4"]{margin-left:5rem}code[l="5"]{margin-left:6rem}.tips_modal{width:calc(90% - 3rem)!important}.tips_wrappers{border-bottom:2px solid #000;border-top:2px solid #000;height:30rem;overflow:scroll;width:100%}.tips_wrappers>div{margin-bottom:3rem}.tips_wrappers>div>p{font-size:2rem;font-weight:700;margin-bottom:0}.canva_tipp_imgs,.figma_tipp_imgs{align-items:start;display:flex;flex-direction:column;gap:.5rem}.canva_tipp_imgs>img,.figma_tipp_imgs>img{margin-bottom:2rem}.canva_tipp_imgs>p,.figma_tipp_imgs>p{margin-bottom:0}.tips_wrappers img{border:3px solid #000;border-radius:5px;box-shadow:5px 5px;width:80%}.main_title>p{font-size:.8rem}