body {font-family: Calibri; color: grey;
font-size: 30pt;
		background-image: linear-gradient(to right top, #0a0b0a, #111311, #151917, #191f1c, #1c2522, #24332f, #2c413d, #34504c, #436c68, #528a86, #62a8a6, #71c8c8);
margin-right: 50pt;
margin-left: 50pt;
width: 100%;
		}
		h1 {font-variant: small-caps;}
	logo {width: 70px; height: 70px; margin-right: 60px;}
		header {word-wrap: break-word;}
		header {text-align: justify;}
		button {width: 150pt; height: 30pt; background-color: #87CEEB; cursor: pointer; border: none; border-radius: 10pt; font-size: 15pt;}
			nav{display: inline-flex;
			margin-right: 50pt;
margin-left: 50pt;
			width: 1024pt;
			border-radius: 10pt;
			padding: 10px;
	
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                background-color: black;
                margin-bottom: 100pt;
            }
            nav a{margin-right: 40px;
            color: grey; text-decoration: none;
                display: inline-block;
                padding: 7px;
                text-decoration: none;
                font-family: Calibri;
            }
			nav div {margin-right: 10px;}
	nav a:link {color: grey; text-decoration: none;}
	nav a:active {color: #7FFFD4; text-decoration: none;}
	nav a:hover {color: #7FFFD4; text-decoration: none;}
	nav a:link a:visited {color: grey; text-decoration: none;}
	
a:link {color: white; text-decoration: underline;}
a:link a:active {color: white; text-decoration: none;}
a:link a:hover {color: white; text-decoration: none;}
a:link a:visited {color: grey; text-decoration: none;}
	
	  
.intro {margin-top: 100pt; margin-bottom: 100pt; width: 1024pt; background-image: linear-gradient(to right top, #87ceeb, #78bfdc, #69b0ce, #59a1bf, #4a93b1, #3f839f, #35748d, #2a657c, #225164, #1a3e4d, #122c37, #0a1b22); border-radius: 20pt; padding: 10px; display: inline-flex; height: 400pt; color: black;}
.outro {margin-top: 100pt; margin-bottom: 100pt; width: 1024pt; background-image: linear-gradient(to right top, #87ceeb, #78bfdc, #69b0ce, #59a1bf, #4a93b1, #3f839f, #35748d, #2a657c, #225164, #1a3e4d, #122c37, #0a1b22); border-radius: 20pt; padding: 10px; display: inline-flex; height: 400pt; color: black;}
.rounded1 {width: 450px; height: 450px; background-size: cover; border-radius: 20pt; display: flex; margin-top: 60pt; margin-bottom: 20pt;}
.rounded2 {width: 70px; height: 70px; background-size: cover; border-radius: 50%;}
.rounded3 {width: 400pt; height: 250pt; background-size: cover; border-radius: 10pt; border: white thin solid;}
.text {width: 600pt; margin-right: 60pt;}
.container {font-size: 23pt; display: grid;
grid-template-columns: 2fr 2fr 2fr;
grid-template-rows: 1fr 1fr 1fr;
}
.container > div {text-align: left; width: 300pt; height: 150pt; border-radius: 10pt; background-color: black; color: grey; padding: 10px; margin-right: 20pt; margin-bottom: 10pt;}
.glow {border: #66CDAA; thin solid; width:}

.container2 {font-size: 23pt; display: grid;
grid-template-columns: 2fr 2fr;
grid-template-rows: 1fr 1fr;
}
.container2 > div {text-align: bottom; width: 400pt; height: 250pt; border-radius: 10pt; color: grey; padding: 10px; margin-right: 10pt; margin-bottom: 50pt;}
.glow {border: #66CDAA; thin solid; width:}
	  @keyframes glowing {
      0% {#66CDAA; box-shadow: 0 1 #87CEEB; }
      50% {box-shadow: 0 0 20px #87CEEB; }
      100% {box-shadow: 0 0 #87CEEB;}
      }
      .glow {
      animation: glowing 1300ms infinite;
      }
.visual {width: 400pt;}
.contacts {width: 500pt; height: 300pt; border: #87CEEB 2pt solid; border-radius: 10pt; padding: 10pt;}
	
	.box1 {display: inline-flex; width: 500pt; height: 250pt; 	background-color: black; border-radius: 20pt; padding: 10px; font-size: 23pt; margin-bottom: 20pt;}
	.box1 > div {margin-right: 15pt;}
	.box2 {display: inline-flex; width: 500pt; height: 250pt; 	background-color: black; border-radius: 20pt; padding: 10px; margin-left: 500pt; font-size: 23pt; margin-bottom: 20pt;}
			.box2 > div {margin-right: 15pt;}
			.script1 {display: inline-flex; width: 1024pt;}
				.script1 > div {margin-right: 20pt;}
				.shift1 {margin-right: 10px; border: #7FFFD4 thin solid; border-radius: 10px; background-color: black; text-decoration: none; padding: 10pt; cursor: pointer;}
	 .shift1:hover {
    text-decoration: none; 
    background: #7FFFD4;
    border: border-radius: 10px;}
    .block1 {width: 1024pt; margin-top: 20pt; margin-bottom: 20pt; background-color: black; padding: 10pt; border-radius: 20pt; height: 400pt; display: inline-flex; font-size: 20pt;}
    .textfield {width: 500pt; margin-right: 20pt;}
    .illustration {width: 500pt; height: 300pt;}
    .illustration > a img {width: 100%; border-radius: 20pt;}
		time {font-family: Courier; font-size: 15pt;}