@charset "UTF-8";
/* CSS Document */

body {
	background-color: black;
	font-family: 'Roboto', sans-serif;
	font-size: 13px; 
	font-weight: 200;
    height: 100%;
	}

h1 {
	font-weight: 200;
    font-family: 'Roboto', sans-serif;
	color: #666666;
	font-size: 20px;
	margin: auto;
	padding-top: 40px;
	padding-bottom: 20px;
	text-align: center;
	}

h2 {
	font-weight: 200;
    font-family: 'Roboto', sans-serif;
	color: azure;
	font-size: 20px;
	margin: auto;
	padding-top: 40px;
	padding-bottom: 20px;
	text-align: center;
}

		
.text1 {
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
    color: dimgray;
    font-size: 14px;
    text-align: center;
    margin: auto;
    padding-top: 2%;
}

.text2 {
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
    color: dimgray;
    font-size: 14px;
    text-align: center;
    margin: auto;
    padding-top: 2%;
}

.text3 {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    margin: auto;
    padding-top: 2%;
}

.text4 {
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
    color: aliceblue;
    font-size: 14px;
    text-align: center;
    margin: auto;
    padding-top: 2%;
    text-shadow: 0 0 3px #B0CFDE, 0 0 5px #5E7D7E;
}

.text5 {
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
    color: aliceblue;
    font-size: 14px;
    text-align: center;
    margin: auto;
    padding-top: 2%;
    text-shadow: 0 0 3px #B0CFDE, 0 0 5px #5E7D7E;
}

.text6 {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    margin: auto;
    padding-top: 2%;
    color: aliceblue;
    text-shadow: 0 0 3px #B8860B;
}

.center {
    text-align: center;
}

.black {
    background: rgb(2,0,36);
    background: linear-gradient(43deg, rgba(2,0,36,1) 0%, rgba(196,192,171,1) 100%); 
}

.black2 {
    background: rgb(71,71,71);
    background: linear-gradient(146deg, rgba(71,71,71,1) 0%, rgba(193,193,207,1) 100%);  
}

a.one:link {
    color: coral;
    text-decoration: none;
}

a.one:visited {
    color: coral;
    text-decoration: none;
}


a.one:hover {
    color: orange;
    text-decoration: none;
}

.main {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: repeat-y;
    background-image: url(images/main.jpg), linear-gradient(146deg,rgba(39,39,48,1)0%, rgba(173,151,123,1)100%);
    background-position: center top; 
    overflow: scroll;

}