﻿<!DOCTYPE html>
<html>
    <head>
        <title>xedron</title>
		<meta http-equiv="content-Type" content="text/html; utf-8" />
		<meta name="robots" content="NOINDEX,NOFOLLOW" />
		<meta http-equiv="content-Language" content="de" />
		<meta name="description" content="expect some skill" />
		<meta property="og:image" content="./PixaBin.png" />
		<meta itemprop="image" content="./PixaBin.png">
        <style>
            body {
                background-color: #141414;
            }

            .container {
                position: absolute;
                transform: translate(-50%, -50%);
                top: 50%;
                left: 50%;
                box-shadow: 0px 0px 1vw 0px rgba(0,0,0,1);
            }

            .container div {
                font-family: Arial, sans-serif;
                color: #e1e1e1;
                background-color: #1e1e1e;
            }

            .container div h1,h2,h3,h4,h5,h6 {
                margin: 0;
                padding: 10px 10px 0px 10px;
            }

            .container div p {
                margin: 0;
                padding: 5px 10px 10px 10px;
            }

            .container div code {
                margin: 5px 10px 10px 10px;
                padding: 5px 10px 5px 10px;
                background-color: #3c3c3c;
                border-radius: 5px;
            }
			
			.button a {
                margin: 5px 10px 10px 10px;
                padding: 5px 10px 5px 10px;
                background-color: #3c3c3c;
                border-radius: 5px;
            }
			
			.button a,a:active,a:hover,a:link,a:visited {
				color: #e1e1e1;
				text-decoration: none;
				display: block;
				text-align: center;
			}
			
			.button a:hover {
				text-decoration: underline;
				color: #141414;
				background-color: #e1e1e1;
			}
			
			.imgicon:hover {
				animation: hover 1s ease-in-out 0s 1 normal;
				animation-fill-mode: forwards;
			}
			
			@keyframes hover {
				from {filter: drop-shadow(0px 0px 0px green);}
				to {filter: drop-shadow(0px 0px 20px green); transform: rotate(360deg);}
			}
        </style>
    </head>
    <body>
        <div class="container">
            <div style="text-align: center;">
                <h1>xedron</h1>
                <p>
					expect some skill.<br>
				</p>
				<iframe src="https://discord.com/widget?id=778009408881819708&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
			</div>
        </div>
    </body>
</html>