@import url('https://fonts.googleapis.com/css?family=Raleway:400');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;600;&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

BODY{
background:#060200;
background:#fefefe;
margin:0px;
color:#000;
font-size:15px;
font-family:'Rubik',verdana,helvetica,arial,sans-serif;
font-weight:normal;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
text-align:center;
}

.full-screen-width {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  width: 100vw;
}


BODY.street{background:#00060a url(https://seanaidan.com/gifs/street.jpg) no-repeat;background-position:center 150px;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {overflow-y: scroll;} 


#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #333; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}


.base2_sponsors{
float:left;
margin-right:51px;
}

.navbar{
text-align:right;
width:990px;
margin-right:auto;
margin-left:auto;
align-items: right;
}

.navbarsleeve{
width:100%;
margin-right:auto;
margin-left:auto;
}

.copyright{
width:990px;
margin-right:auto;
margin-left:auto;
}

.footer{
border-top:1px solid grey;
margin-top:77px;
}


BODY.home{
background:#060200 url(http://www.seanaidan.com/gifs/newback.jpg) no-repeat;
background-position:center top; 
margin:0px;
color:#dddddd;
font-size:100%;
font-family:'Rubik',verdana,helvetica,arial,sans-serif;
font-weight:normal;
-webkit-text-size-adjust: 100%;
min-height:777px;
}


html {overflow-y: scroll;} 

.main{
margin:5px;
border:0px #333333 dotted;
width: 980px ;
margin-left: auto ;
margin-right: auto ;
padding:7px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
margin-bottom:10px;
text-align:center;
align-items: center;
}

H1 {
font-size:25px;
color: #333;
margin: 0;
padding: 0px 0px 0px 0px;
padding-left:9px;
line-height: 44px;
letter-spacing: -1px;
color:#dddddd;
font-weight:400;
text-align:center;
font-family:"Raleway", Tahoma, Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-0.05em;
}

.italic{font-style: italic;}

H2 {
font-size:19px;
color:#999;
padding-left:10px;
padding-right:10px;
font-family:"Raleway",verdana,helvetica,arial,sans-serif;
text-decoration: none; 
margin-bottom:17px;
text-align:center;
margin-top:12px;
letter-spacing:-0.05em;
}

H3 {
font-size:1em;
color:#000;
padding-left:10px;
text-align:left;
font-family:Raleway,verdana,helvetica,arial,sans-serif;
margin-top:12px;
}

P {
margin:10px;
text-align:left;
font-family:"Rubik",helvetica,arial,sans-serif;
line-height:1.5;
font-size:16px;
text-align:center;
font-weight:200;
}

UL{
margin-left:22px;
list-style:disc;
}

OL {
  max-width: 90%;
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
}
OL li {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
OL li::before {
  content: counter(my-awesome-counter);
  color: #000000;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  --size: 32px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  transform: rotate(-10deg);
  background: black;
  border-radius: 50%;
  text-align: center;
  box-shadow: 1px 1px 0 #999;
}


UL {
margin-left:22px;
list-style:disc;
}

LI{
color: #000;
font-size:15px;
font-family:"Rubik", Tahoma, Verdana, Arial, Helvetica, sans-serif;
margin:3px;
line-height:1.5;
font-weight:normal;
text-align:left;
}

P.white{text-align:left;color:black;}

P.leftpara {
text-align:left;
}


P.clear{
clear:both;
}

a:visited{
color:#000;
text-decoration:none;
}

a:link{
color:#000;
text-decoration:none;
}

a:hover{
color:#333;
text-decoration:underline;
}

a:active{
color:#333;
text-decoration:none;
}


 .largeselect { 
    border: 1px solid #c4c4c4; 
    width: 300px; 
    font-size: 15px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.largeselect:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 


 .select { 
    border: 1px solid #c4c4c4; 
    width: 300px; 
    font-size: 15px; 
    font-family:"Rubik", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.select:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 


  .smallselect { 
    border: 1px solid #c4c4c4; 
    width: 140px; 
    font-size: 14px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.smallselect:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 



.button {
	
-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	
-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	
box-shadow:inset 0px 1px 3px 0px #91b8b3;
	
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	
background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	
background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	
background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	
background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	
background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	
background-color:#768d87;
	
-moz-border-radius:5px;
	
-webkit-border-radius:5px;
	
border-radius:5px;
	
border:1px solid #566963;
	
display:inline-block;
	
cursor:pointer;
	color:#000000;
	
font-family:arial;
	
font-size:15px;
	
font-weight:bold;
	
padding:5px 23px;
	
text-decoration:none;
	
text-shadow:0px -1px 0px #2b665e;

}


.button:hover {
	
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	
background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	
background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	
background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	
background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	
background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	
background-color:#6c7c7c;

}


.button:active {
	
position:relative;
	
top:1px;

}

.right{
float:right;
margin:8px;
}

.streetcontainer{min-height:466px;}

.artscontainer{margin-left:522px;}

.left{
float:left;
margin:8px;
min-height:220px;
}


IMG.fullscreenall{display:inline; width:100%;margin:7px;}
IMG.halfscreenleft{display:inline; width:45%;margin:7px;float:left;margin-left:0px;}
IMG.halfscreenright{display:inline; width:45%;margin:7px;float:right;margin-right:0px;}

IMG.left{
float:left;
margin:30px;
}


IMG.white{
float:left;
margin:4px;
border:#fff 2px solid;
}

TD.fifty{width:570px;}
.fifty{width:570px;float:left;min-height:999px;}
.fiftymusic{width:570px;float:left;min-height:999px;}

.newhomebox{
margin:auto;
width:990px;
border:0px;
padding:10px;
text-align:center;
margin-right:auto;
margin-left:auto;
}

.portraittd{width:421px;}

.twentyfifty{width:340px;float:left;min-height:999px;}


.portraitpage{
width:53%;
float:right;
margin-top:332px;
margin-right:21px;
}




@media only screen and (min-width : 800px) and (max-width : 999px) {

.newhomebox{margin:auto;width:90%;border:0px;padding:10px;text-align:center;}
TD.fifty{width:11px;}
.main{width:90%;}
.largeselect{width:90%;}
.navbar{width:90%;}
IMG.fullscreen{width:90%;}

}



@media only screen and (max-width : 799px) {

H1{font-size:25px;}
.navbarsleeve{width:100%;}
.navbar{width:100%;}
.copyright{
width:90%;
}

.artscontainer{margin-left:242px;}


.portraitpage{
width:100%;
float:none;
margin:21px;
padding-top:433px;
}


TD.portraittd{width:95%;}
.newhomebox{margin:auto;width:90%;border:0px;padding:10px;text-align:center;}
TD.fifty{width:11px;}
.fifty{width:11px;float:left;min-height:9px;}
.fiftymusic{width:90%;float:left;min-height:999px;}
.main{width:90%;}
.largeselect{width:90%;}
IMG.fullscreen{width:90%;}
}