body {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.content {
    width: 100vw;
    height: 100vh;
}
.dark .content {
    background-color: black;
    color: white;
}
.selectWordPanel {
    display: flex; 
    flex-direction:row; 
    height: 34px; 
    margin-top: 2px; 
    margin-bottom: 2px;
}
.selectWordItem {
    font-size: x-large;
    margin-left: 3px;  
    padding-left: 5px; 
    padding-right: 5px;
    background-color: aliceblue;
}
.dark .selectWordItem {
    background-color: #444;
}
.selectWordItem:hover {
    background-color: lightblue;
    cursor: pointer;
}
.dark .selectWordItem:hover {
    background-color: #222;
}
.errorMessage {
    color: red;
    text-align: left;
    height: 34px; 
    margin-top: 2px; 
    margin-bottom: 2px;
    padding-left: 5px;
}
.noWordFound {
    font-size: x-large;
    margin-left: 3px;  
    padding-left: 5px; 
    padding-right: 5px;
}
.internalLink, .internalLinkRed, .internalLinkGreen {
    color: darkblue;
    box-shadow: 0px 2px lightblue;
    margin-right: 10px;
    text-decoration: none;
}
.dark .internalLink, .dark .internalLinkRed, .dark .internalLinkGreen {
    color: rgb(191, 224, 234);
    box-shadow: 0px 2px #BBB;
}
.internalLink:hover {
    box-shadow: 0px 2px darkblue;
}
.dark .internalLink:hover {
    box-shadow: 0px 2px #FFF;
}
.internalLinkRed {
    color: crimson;
}
.dark .internalLinkRed {
    color: rgb(255, 97, 97);
}
.internalLinkRed:hover {
    color: red;
    box-shadow: 0px 2px darkred;
}
.dark .internalLinkRed:hover {
    color: red;
    box-shadow: 0px 2px white;
}
.internalLinkGreen {
    color: darkgreen;
}
.dark .internalLinkGreen {
    color: rgb(122, 198, 122);
}
.internalLinkGreen:hover {
    color: darkgreen;
    box-shadow: 0px 2px darkgreen;
}
.dark .internalLinkGreen:hover {
    color: rgb(122, 198, 122);
    box-shadow: 0px 2px white;
}
.can_wrapper {
    background-image: 
        repeating-linear-gradient(#ccc 0 1px, transparent 1px 50%),
        repeating-linear-gradient(90deg, #ccc 0 1px, transparent 1px 50%),
        repeating-linear-gradient(45deg, #ccc 0 1px, transparent 1px 50%),
        repeating-linear-gradient(135deg, #ccc 0 1px, transparent 1px 50%);
    background-size: 200px 200px;
    margin-left: 10px;
}
.dark .can_wrapper {
    background-image: 
        repeating-linear-gradient(#333 0 1px, transparent 1px 50%),
        repeating-linear-gradient(90deg, #333 0 1px, transparent 1px 50%),
        repeating-linear-gradient(45deg, #333 0 1px, transparent 1px 50%),
        repeating-linear-gradient(135deg, #333 0 1px, transparent 1px 50%);
}