html {
    height: 100%;
    margin:0;
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden;
    overflow-y: scroll;
}
body{
    height: 100%;
    margin:0;

    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
}

input, select {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

[nct-init="dictionary"]
{
    max-width: 400px;
    margin:auto;
}
.queryContainer {
    position: fixed;
    left:0px;
    top:0px;
    background-color: rgb(41, 102, 115);
    height: 100px;
    width: 100%;
}
.panelQuery {
    margin:auto;
    margin-top:30px;
    display: flex;
    width: 400px;
}
[nct-role="query"]{
    width: 80%;
    font-size: 1.5em;
}
[nct-role="btnQuery"]{
    margin-left: 5px;
    border-radius: 5px;
    background-color: rgba(32, 149, 237, 0.748);
    text-align: center;
    padding:5px;
}
[nct-role="btnQuery"]:hover{
    cursor: pointer;
    background-color: rgba(18, 124, 205, 0.748);
    color:white;
}
[nct-role="meaning"]
{
    padding-top:100px;
}
[nct-init="word"] {
    margin-top:20px;
    border-radius: 5px;
    background-color: rgb(233, 237, 243);
    padding:10px;
}
[nct-init="word"] [nct-role="word"] {
    font-size: 1.3em;
    font-weight: 600;
    color:rgb(18, 102, 181);
}

.defination {
    margin-top:20px;
}
/**/
[nct-int="phonetic_item"] [nct-role="text"] {
    color:rgb(59, 140, 239);
}
/**/
[nct-init="meaning_item"] {
    margin-top:20px;
    border-radius: 5px;
    background-color: rgb(199, 218, 245);
    padding:10px;
}
[nct-init="meaning_item"] [nct-role="partOfSpeech"] {
    color:rgb(200, 83, 41);
}
[nct-init="meaning_item"] .example {
    font-style: italic;
    color:#888b8e;
}
[nct-init="meaning_item"] .synonyms {
    color:rgb(200, 83, 41);
}