#toonToYamlBtn,
#jsonToYamlBtn,
#xmlToYamlBtn,
#csvToYamlBtn {
    background: var(--secondary-color);
    color: white;
}

#toonToYamlBtn:hover,
#jsonToYamlBtn:hover,
#xmlToYamlBtn:hover,
#csvToYamlBtn:hover {
    background: #047857;
}

#yamlToToonBtn,
#yamlToJsonBtn,
#yamlToXmlBtn,
#yamlToCsvBtn {
    background: var(--primary-color);
    color: white;
}

#yamlToToonBtn:hover,
#yamlToJsonBtn:hover,
#yamlToXmlBtn:hover,
#yamlToCsvBtn:hover {
    background: var(--primary-dark);
}

#jsonSection {
    display: none;
}

#toonSection {
    display: block;
}