body {
 background-color: #646464;
 color: #969696;
 margin: 0;
 overflow-x: hidden;
 overflow-y: scroll;
 display: flex;
 flex-direction: column;
 align-items: center;
}

*:focus {
 box-shadow: inset 0 0 0 2px #989898;
 outline: none;
}

*::selection {
 background-color: #fff;
 color: #000;
}

.dk-card {
 box-sizing: border-box;
 display: flex;
 flex-direction: row;
 padding: 10px 10px 0;
 width: 100%;
}

.dk-card .dk-content {
 display: flex;
 flex-direction: column;
 flex-grow: 1;
 flex-shrink: 1;
}

.dk-card .dk-content > input {
 background-color: transparent;
 border: none;
 color: #d8d8d8;
 margin-bottom: 10px;
}

.dk-card iframe {
 background-color: #424242;
 background-color: #ffffff;
 border-radius: 10px;
 border: none;
 border: 1px solid #d8d8d8;
 box-shadow: 0 0 10px #000000;
 flex-grow: 1;
 height: 480px;
 width: 100%;
 overflow: hidden;
}

#dk-url {
 background-color: #262626;
 border-bottom: 1px solid #969696;
 border: none;
 box-sizing: border-box;
 box-shadow: 0 0 10px #000;
 color: #d8d8d8;
 font-size: 20px;
 left: 0;
 margin: 0;
 padding: 10px;
 position: sticky;
 right: 0;
 top: 0;
 width: 100%;
}