body {
                font-family:sans-serif;
                margin: 0 20px;
                padding: 0;
            }
            .splitter {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                margin: 0;
                padding: 0;
            }
            .splitter > .form {
                flex: 1;
                min-width: 600px;
            }
            .splitter > .serverPreview {
                width: 740px;
                min-height: 700px;
                margin: 0;
                padding: 0;
                border: 1px solid grey;
                display: flex;
                flex-direction: column;
            }

            .splitter > .serverPreview iframe {
                width: 700px;
                flex: 1;
                border: 0;
            }
			
			#loader {
			border: 8px solid #f3f3f3;
			border-top: 8px solid #3498db;
			border-radius: 50%;
			width: 50px;
			height: 50px;
			animation: spin 1s linear infinite;
			margin: 20px auto;
			}

			@keyframes spin {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(360deg); }
			}