#map {
	width: 100%;
	height: 500px;
}

#text-box { 
padding: 5px 20px 5px 8px;
border-radius: 7px;
height: 400px;
border: 1px solid rgba(255, 255, 255, 0.6);
box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.9);
background: -webkit-linear-gradient(top, #c4c4c4 0%,#676767 100%);
background: linear-gradient(to bottom, #c4c4c4 0%,#676767 100%);
overflow-y: scroll;
margin: 0 auto;
color: black;
font-family: 'Orbitron', sans-serif;
}

.weather, .icon {
	color: #4db6ac;
}

nav{
height: 90px;
width: 140%;
}

#right-panel {
font-family: 'Roboto','sans-serif';
line-height: 30px;
padding-left: 10px;
}

#right-panel select, #right-panel input {
font-size: 15px;
}

#right-panel select {
width: 100%;
}

#right-panel i {
font-size: 12px;
}
#right-panel {
height: 100%;
width: 100%;
overflow: auto;
}

.fixed-action-btn {
position: fixed;
top: 6.28px;
	right: 23px;
	bottom: unset !important;
	padding-top: 15px;
	margin-bottom: 0;
	z-index: 997;
}

li > a{
 color:#cf34da !important;
 font-family: 'Orbitron', sans-serif;
 font-weight:bold;

}

@font-face {
font-family: OutRun;
src: url("https://jackphilippi.com.au/cdn/fonts/outrun_future.otf") format("opentype");
}

html, body {
height: 100%;
}
 
body {
text-align: center;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
background: #111;
background: linear-gradient(#0c141f 40%, #cf33d9 41%, #0c141f 60%);
overflow-x: hidden;
}
 
.wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
 
.inner-wrapper {
width: 100%;
height: 100%;
position: absolute;
margin: 0 auto;
perspective: 180px;
perspective-origin: 50% 40%;
}
 
.landscape {
position: absolute;
width: 200%;
left: -50%;
height: 130%;
bottom: -30%;
background-image: -webkit-linear-gradient(top, #CF33D9 2px, transparent 2px), -webkit-linear-gradient(left, #CF33D9 2px, transparent 2px);
background-size: 50px 50px, 80px 80px;
background-position: -1px -1px, -1px -1px;
transform: rotateX(85deg);
}
 
.nrw {
    z-index: -1;
	margin-top: 250px;
}
 
.triangle {
z-index: -2;
position: absolute;
margin: auto;
margin-top: 70px;
left: 0;
right: 0;
width: 0;
height: 0;
border-left: 200px solid transparent;
border-right: 250px solid transparent;
border-bottom: 200px solid rgba(5, 5, 5, 0.33);
transform: rotate(15deg);
}
 
.new {
font-size: 5.2em;
text-transform: uppercase;
font-family: "Open Sans";
color: transparent;
position: relative;
display: block;
letter-spacing: -15px;
transform: rotate(-10deg) skew(-20deg);
margin-left: -100px;
margin-bottom: -36px;
z-index: 0
}

.new > .letter {
-webkit-text-stroke: 2px #F4C6F4;
margin-top: -8px;
display: inline-block;
padding: 0 1px;
animation: glow 2.5s linear infinite;
}
 
@keyframes glow {
0% {
	filter: drop-shadow(0 0 6px #CF33D9) drop-shadow(0 0 6px #CF33D9);
}
50% {
	filter: drop-shadow(0 0 1px #CF33D9) drop-shadow(0 0 1px #CF33D9);
}
100% {
	filter: drop-shadow(0 0 6px #CF33D9) drop-shadow(0 0 6px #CF33D9);
}
}

.retro {
font-size: 5.5em;
font-weight: 800;
display: block;
text-transform: uppercase;
letter-spacing: -12px;
transform: rotate(-10deg) skew(-10deg);
margin-bottom: -20px;
}

.retro > .letter {
display: inline-block;
padding: 0 10px;
margin: 0 -10px;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMiUiIHN0b3AtY29sb3I9IiMxODE5MWEiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzE1N2JlNiIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI1NiUiIHN0b3AtY29sb3I9IiMxODE5MWEiLz48c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzE1N2JlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(32%, #18191a), color-stop(40%, #157be6), color-stop(52%, #ffffff), color-stop(56%, #18191a), color-stop(85%, #157be6), color-stop(100%, #ffffff));
background: -moz-linear-gradient(top, #18191a 32%, #157be6 40%, #ffffff 52%, #18191a 56%, #157be6 85%, #ffffff);
background: -webkit-linear-gradient(top, #18191a 32%, #157be6 40%, #ffffff 52%, #18191a 56%, #157be6 85%, #ffffff);
background: linear-gradient(to bottom, #18191a 32%, #157be6 40%, #ffffff 52%, #18191a 56%, #157be6 85%, #ffffff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: white;
}
 
.wave {
position: relative;
z-index: 100;
font-family: "OutRun", "Helvetica", sans-serif;
font-size: 3.8em;
color: #FA26F7;
text-transform: uppercase;
letter-spacing: -10px;
transform: rotate(-3deg) skew(-3deg);
}

nav {

    color: #fff;
    background-color: #dfe4e8;
    border-bottom: 5px solid #2780e757;

}

.btn{
	background-color: #18191a;
}

/* label focus color */
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly])
{

border-bottom: 1px solid  #FA26F7;
box-shadow: 0 1px 0 0 #FA26F7;
}

input[type=text].valid:not(.browser-default),
input[type=email].valid:not(.browser-default),
input[type=number].valid:not(.browser-default),
input[type=password].valid:not(.browser-default){
border-bottom: 1px solid rgb(37, 125, 228)!important;
box-shadow: 0 1px 0 0 rgb(37, 125, 228)!important;
}


.btn:hover, .btn-large:hover, .btn-small:hover {
    background-color:rgb(207, 52, 218);
}