h1 {

	color: green;

	font-size: 2.9vh;

	font-family: 'Source Code Pro', monospace;

	margin: 30px;

	padding: 40px;

	border: 3px solid #8c00ff;

	border-style: groove;

	font-weight: normal;

}



#particles-js {

		width: 100%;

    		height: 100%;

    		position: fixed;

}



#particles-js canvas {

    display: block;

    vertical-align: bottom;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;

    -webkit-transition: opacity .8s ease, -webkit-transform 1.4s ease;

    transition: opacity .8s ease, transform 1.4s ease

}



html {

	height: 100%;

}

body {

  	height: 100%;

  	margin: 0;

	padding: 0;

	display: inline;

	background-color: black;

}



h3 {

	color: green;

	font-size: 110%;

	font-family: 'Source Code Pro', monospace;

	text-align: center;

}



@keyframes blinker {

  50% {

    opacity: 0;

  }

}



h4 {

	font-family: 'Source Code Pro', monospace;

	color: green;

	font-size: 2.8vh;

	margin: 30px;

	font-weight: normal;

}



h5 {

	color: #800000;

	font-size: 2.8vh;

	font-family: 'Source Code Pro', monospace;

	margin: 30px;

	padding: 4px;

	border: 5px solid;

	border-color: #8c00ff;

	border-style: groove;

	font-weight: normal;

}



@media screen and (min-width:1px) and (max-width:1920px) {

    ...

}

@media screen and (min-width:1920px) {

    ...

}



a:visited {

		color: blue;

}



a:hover {

		color: darkblue;

                border: 2px solid #8c00ff;

		border-style: groove;

}



h6 {

	color: ;

	font-size: 102%;

	font-family: 'Source Code Pro', monospace;

	position: relative;

	display: inline;

	font-weight: bold;

}



#right {

	text-align: right;

}

@media only screen and (max-width: 600px) {
   h1 {
   	margin-left: auto;
   	margin-right: auto;
   	font-size: 80%;
   }
   h5{
    margin-left: auto;
   	margin-right: auto;
   	font-size: 110%;
   }
   h4 {
   	font-size: 100%;
   	margin-left: 20px;
   }
   h3 {
   	font-size: 70%;
   }
}

@media only screen and (max-width: 400px) and (min-width: 341px) {
   h1 {
   	margin-left: auto;
   	margin-right: auto;
   	font-size: 70%;
   }
   h5{
    margin-left: auto;
   	margin-right: auto;
   	font-size: 100%;
   }
   h4 {
   	font-size: 100%;
   	margin-left: 20px;
   }
   h3 {
   	font-size: 70%;
   }
}

@media only screen and (max-width: 340px) and (min-width: 200px) {
   h1 {
   	margin-left: auto;
   	margin-right: auto;
   	font-size: 57%;
   }
   h5{
    margin-left: auto;
   	margin-right: auto;
   	font-size: 75%;
   }
   h4 {
   	font-size: 60%;
   	margin-left: 20px;
   }
   h3 {
   	font-size: 50%;
   }
}

@media only screen and (max-width: 900px) and (min-width: 600px)  {
   h1 {
   	margin-left: auto;
   	margin-right: auto;
   	font-size: 105%;
   }
   h5{
    margin-left: auto;
   	margin-right: auto;
   	font-size: 150%;
   }
   h4 {
   	font-size: 120%;
   	margin-left: 20px;
   }
   h3 {
   	font-size: 80%;
   }
}

@media only screen and (max-width: 1100px) and (min-width: 901px) {
   h1 {
   	margin-left: auto;
   	margin-right: auto;
   	font-size: 145%;
   }
   h5{
    margin-left: auto;
   	margin-right: auto;
   	font-size: 175%;
   }
   h4 {
   	font-size: 170%;
   	margin-left: 20px;
   }
   h3 {
   	font-size: 100%;
   }
}