body,html{
	padding: 0;
	margin: 0;
	width: 100vw;
	height: 100vh;
}

*{
    word-break: break-word !important;
}

#app {
    width: 100vw;
    height: calc(100vh - 5em);
    
    color: var(--defFontColor);
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 18vw;
}

h1 {
    text-align: center;
    font-size: 5em;
    margin: 1em 0;
}

.format_desc {
    font-size: 1.8em;
    background: var(--el-bg-color-page);
    padding: 1em;
    box-sizing: border-box;
    border-radius: 0.5em;
    line-height: 1.8;
}

.tools_title {
    font-size: 3em;
    font-weight: 700;
    box-sizing: border-box;
    padding: 1em 0;
    position: sticky;
    top: 0;
    background: #fff;
}

.tools_childrens {
    display: flex;
    white-space: nowrap;
    flex-wrap: wrap;
    gap: 1em;
    margin-bottom: 3em;
}

.tool_item {
    background: var(--el-color-primary);
    color: #fff !important;
    font-size: 1.5em;
    box-sizing: border-box;
    padding: 1em 1.5em;
    border-radius: 0.5em;
    cursor: pointer;
    font-weight: 700;
}

.tool_item:hover a{
    text-decoration: underline;
}

.advertisement_block {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 2em auto;
    background-color: var(--el-bg-color-page);
    position: relative;
}