html { font-family:roboto;
background-size:cover;
}
@font-face {
font-family:kano;
src: url('Roboto.otf') format("truetype");
}
@font-face {
font-family:roboto;
src: url('roboto.ttf') format("truetype");
}
body {margin:0px;
padding:0px;}
footer {background:black;
width:100%;
height:75%;
position:absolute;
font-size:120%;
vertical-align: bottom;}
div.home { background: url(../images/coffee.jpg) center top no-repeat;
background-size:auto 600px;
background-position:60% 0;
}
div.livepage {
background: url(../images/iphoneblacklivetrans.png) left top no-repeat;
background-size:75vh auto;
background-position:center -20%;
background-color:white;
height:95vh;
width:100%;
clear:both;
}
div.buypage {
background: url(../images/iphoneredbuy.png) no-repeat;
background-size:auto 105vh;
background-position:50% 115% ;
background-color:#1a1b1a;
height:95vh;
width:100%;
clear:both;
}
div.createAccount {
background: url(../images/createAccount.png) no-repeat;
background-size:125% auto;
background-position:50% 160px;
background-color:white;
height:93vh;
width:100%;
}
div.premiumBanner {
background: url(../images/iphonexPremium.png) no-repeat;
background-size: 125% auto;
background-position:center 180px;
background-color:#181818;
height:93vh;
width:100%;
padding-top:50px;
}
div.newDeal {
background: url(../images/newDeal.png) no-repeat;
background-size:auto 100%;
background-position: 50% 125px;
background-color:#1d1d1f;
height:93vh;
width:100%;
}
div.redeempage {
background: url(../images/iphonexredeemtrans.png) center no-repeat;
background-size:auto 90vh;
background-position:center 125px;
background-color:white;
height:95vh;
width:100%;
clear:both;
}
div.statistics {
background: url(../images/statisticsPage.png) no-repeat;
background-size:30%;
background-position: 50% 300px;
background-color:#1d1d1f;
height:93vh;
width:100%;
}
div.glass { background: url(../images/glass.jpg) center top fixed repeat;
background-size:350% 100%;
}
div.business { background: url(../images/darktable.png) no-repeat;
background-size: 195%;
background-solor:black;
}
div.login { background: url(../images/city.jpg) center top fixed repeat;
background-size:250% 100%;
}
div.contact {width:95%;
height:auto;
margin:auto;
margin-top:10%;
background:none;
text-align:left;}
div.contact input {width:65%;
padding:3px;
margin:10px;
margin-left:0;
border:none;
border:solid .5px black;
background:none;
color:#F28D00;
font-size:3vw;
text-align:left;
}
div.navigation {width:100%;
height:50px;
position:fixed;
top:0;
background:black;
display:none;
}
div.navsmall {width:100%;
height:55px;
position:fixed;
top:0;
background:white;
display:inline;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
}
img.dropbtn {
padding:0px;
margin-left:5%;
margin-top:25px;
cursor: pointer;
width: 25px;
position:fixed;
top:0px;
}
img.article {
width:86%;
}
.dropdown-content {
padding:0;
margin: 0px;
display: none;
text-align:center;
position: absolute;
background-color: white;
min-width: 100%;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
top:55px;
border-top:none;
border-bottom:none;
}
.dropdown-content a {
color: grey;
padding:10px 0px;
text-decoration: none;
display: block;
text-align:left;
font-size: 12pt;
width:100%;
border-top:none;
border-bottom:none;
padding-left:20px;
}
.show {display:block;}
div.footer {width:100%;
height:auto;
clear:both;}
div.header { width:100%; height:600px;
background-color:none;
color:white;
line-height:40px;
}
div.fundraiserHeader { width:100%; height:310px;
background-color:none;
color:white;
line-height:30px;
}
div.stuff1 {width:100%; height:auto;
background-color:white;
margin-bottom:.2em;
clear:both;
}
div.stuff2 {width:100%; height:auto;
background-color:white;
color: #01DFD7;
font-size:1.7vw;
color:black;
padding-bottom:15px;
margin:0px;
clear:both;
}
div.small {width:100%;
height:275px;
background-color:#1d1d1f;
text-align:center;
clear:both;
}
div.price {width:100%;
height:auto;
background-color:#1d1d1f;
}
div.break {min-height:100px;
background:none;
clear:both;
display:none;}
div.break-big {height:50vw;
background:none;
clear:both;}
div.processcontainer {
width:100%;
height:auto;
display:table;
background:white;
}
div.process {width:100%;
height:auto;
background-color:white;
text-align:left;
margin:0;
float:left;
}
div.container {position:center center;
width:100%;
height:auto;
margin-top:6%;
background-color:white;
}
div.legal {margin-right:25px;
}
div.logo img{max-height:100px;
max-width:100px;}
div.login-form {width:60%;
height:25%;
text-align:center;
margin:auto;
border:solid white;}
div.form {width:90%;
height:auto;
margin:auto;
background-color:none;
text-align:center;
color:white;
font-size:4.5vw;
}
div.form2 {width:100%;
height:auto;
margin:auto;
background-color:rgba(1,1,1,0.3);
text-align:center;
color:white;
font-size:4.5vw;
}
div.orange {width:100%;
height:auto;
margin:auto;
text-align:center;
color:white;
font-size:4.5vw;
background: url(../images/business.jpg) center top fixed no-repeat;
background-size:250%;}
div.fundraiser-signup {width:100%;
height:auto;
margin:auto;
text-align:center;
color:white;
font-size:4.5vw;
background: url(../images/darktable.png) center top fixed no-repeat;
background-size:250%;
}
section.radio input {
padding:8px;
margin:10px;
color:white;
}
section.text input {width:75%;
padding:3px;
margin:10px;
border:none;
border-bottom:solid .5px black;
background:none;
color:black;
font-size:4.5vw;
text-align:left;
}
section.text-login input {width:70%;
padding:3px;
margin:10px;
border:none;
border-bottom:solid .5px white;
background:none;
color:black;
font-size:2.5vw;
text-align:left;
}
section.textS input {width:70%;
border:none;
border-bottom:solid .5px black;
background:none;
color:black;
font-size:3vw;
text-align:left;
}
section.fund input {width:30%;
padding:3px;
margin:10px;
border:none;
border-bottom:solid .5px white;
background:none;
color:white;
font-size:1.5vw;
}
textarea {background: none;
color:black;
border-bottom:.5px solid black;}
input::-webkit-input-placeholder {
color:grey;
}
input.login::-webkit-input-placeholder {
color:white;
}
input.login {
border-bottom:solid .5px white;
}
select {background:none;
background-color:none;
color:black;
font-size:5vw;
border:solid .5px black;
margin-left:10px;
}
select.billing {
width:70%;
font-size:3vw;
margin:0;
border:none;
border-bottom:solid .5px black;
font-family:bebas;
}
select option {background:rgba(0,0,0,0.3);}
table {text-align:center;
width:90%;
height:auto;
margin:auto;
color:white;
font-size:5vw;
border:1px solid white;
}
table.header{
width:100%;
border:none;
padding-top:5px;
padding-bottom:5px;
}
table.fundraiserInfo {
width:90%;
border:none;
margin:auto;
display:none;
}
table.fundraiserInfoMobile {
display:block;
}
tr.fundraiserInfo {
text-align:left;
}
td.fundraiserInfo {
border:none;
padding:35px 25px;
text-align:left;
width:45%;
}
p.tableHeader {
font-size:16pt;
color:black;
letter-spacing: 1.1pt;
font-family:roboto;
}
span.tableDescription {
color:grey;
font-size:12pt;
letter-spacing:0pt;
}
table.commission {
width:65%;
color:black;
table-layout:fixed;
border:solid .5px black;
border-bottom:none;
border-right:none;
}
td {height:35px;
border-bottom:.5px solid black;
border-right:.5px solid black;
font-size:3vw;
font-family:bebas;}
td.header {
font-family:roboto;
color:grey;
font-size:14pt;
text-align:left;
border:none;
padding-left:15px;
margin-top:10px;
letter-spacing:;
font-weight:bold;
}
img.content {width:75%; height:auto;}
img.small {
width:70px;
margin:auto;
}
img.appstore {
display:inline-block;
color:white;
border:none;
margin-top:0px;
width:20%;
margin:0% 2%;
}
p {color:black;
font-style:bold;
text-align:left;
margin-left:25px;
margin-right:25px;
font-size:3vw;
}
p.small {color:white;
font-style:bold;
text-align:left;
margin-left:25px;
margin-right:25px;
font-size:4vw;
}
p.article {
width:86%;
margin:auto;
color:black;
}
p.greyBox {
margin:auto;
width:60%;
background:#f8f8f8;
padding:4vw;
font-size:2vw;
border-radius:25px;
color:black;
}
p.appname {
text-align:center;
font-family:Bebas;
font-size:5vw;
letter-spacing:1.1pt;
margin:0;
margin-bottom:3%;
color:white;
}
div.thirdcontainer {
width:100%;
height:auto;
background:white;
display:table;
text-align:center;
}
div.third {
width:100%;
float:left;
background:none;
text-align:center;
display:inline-block;
padding:3% 0;
}
p.center {color:white;
font-style:bold;
text-align:center;
padding:0 75px;
font-size:14pt;
width:60%;
margin:auto;
}
p.black {color:black;
font-style:bold;
margin:auto;
font-size:14pt;
text-align:left;
width:65%;
}
p.blank {border:none;
border-top: solid .5px white;
width:75%;
display:block;
margin:auto;
margin-top:20px;
text-align:center;}
p.screenshot-L, p.screenshot-R {
display:inline-block;
width:80%;
text-align:center;
margin:0 10%;
padding:40px 0;
color:#1d1d1f;
font-size:18pt;
line-height:18pt;
/*box-shadow: 1px 1px 1px 2px rgba(53,227,247,1);*/
}
span.description {
font-size:11pt;
}
h1.black {color:grey;
border:none;
display:block;
width:95;
text-align:center;
margin:auto;
margin-top:50px;
margin-bottom:0px;
border-bottom:none;
font-size:35pt;}
h1.header {text-align:center;
font-size:10vw;
margin-top:10px;
margin-bottom:10px;
line-height:1em;
}
h1.white {color:white;
border:none;
display:block;
width:75%;
text-align:center;
margin:auto;
margin-bottom:0px;
border-bottom:solid .5px white;
font-size:11vw;}
h2 {text-align:center;
color:#3BD0ED;
font-size:10vw;
text-align:center;
margin:auto;
}
h2.form {color:black;
border:none;
border-bottom:solid .5px black;
margin-left:25px;
margin-right:25px;
margin-top:50px;
padding-bottom:5px;
font-size:11vw;
text-align:center;}
h3 {text-align:left;
color:#F28D00;
font-size:5vw;
margin-right:25px;
margin-left:25px;
margin-top:25px;
}
h3.process {text-align:left;
color:#F28D00;
font-size:20pt;
margin:auto;
margin-top:25px;
margin-bottom:25px;
text-align:left;
width:65%;
}
h3.black {margin-left:100px; color:#F78605;
margin-right:100px;
}
h4 {color:#3BD0ED;
font-size:20pt;
margin-bottom:10px;
margin-top:10px;
}
h4.center {color:#3BD0ED;
font-size:5vw;
margin-bottom:10px;
margin-top:10px;
text-align:center;
}
h4.black {
font-size:18pt;
margin:auto;
margin-top:25px;
margin-bottom:10px;
text-align: center;
}
h4.process {font-size:6vw;
margin-left:25px;
display:inline;}
h5 {display:block inline;
width:90%;
text-align:right;
font-size:5vw;
margin-bottom:30px;
margin-top:5px;
color:#3BD0ED;
}
a {color:white;
text-decoration: none;
text-align:center;
}
a.login {margin:0;
font-style:italic;
padding:0;
float:right;
margin-right:50px;}
a.form {color:black;
text-decoration:underline;
font-weight:bold;
}
br.hide {
display:none;
}
img.bullet {display:inline;
margin-left:25px;}
form.admin {
width:55%;
padding:5% 0;
background:#f2f2f2;
border-radius:5px;
box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.3);
margin-top:15%;
font-size:2vw;
}
input.admin {
width:85%;
height:30px;
margin:2%;
padding:1% 2%;
border:none;
border-radius:5px;
font-size:2.5vw;
-webkit-box-shadow: inset 0px 1px 2px 0px grey;
-moz-box-shadow: inset 0px 1px 2px 0px grey;
box-shadow: inset 0px 1px 2px 0px grey;
}
a.admin {
background:#00d8d2;
width:85%;
margin-top:5%;
height:30px;
padding:.5% 15%;
border-radius:5px;
font-family:bebas;
font-size:3vw;
}
img.admin {
width:10%;
display:inline-block;
}
button {background:none;
color: #3BD0ED;
display: inline-block;
padding: 8px 20px;
font: normal 700 20px/1 "Open Sans", sans-serif;
text-align: center;
margin-left:;
text-shadow: none;
border: solid white;
margin-bottom:25px;
}
button.dropbtn {
color:grey;
border:none;
border-radius:20px;
font-size:12pt;
box-shadow: 1px 0px 2px 1px rgba(0,0,0,0.1);
float:right;
margin:5px;
margin-right:15px;
margin-top:-5px;
font-weight:500;
}
button.dropbtn:hover {
background-color: #f4f4f4;
}
button.dropbtn:focus {
outline:none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
button.appstore {
display:inline-block;
background:black;
color:white;
border:none;
margin-top:0px;
width:auto;
border-radius:50px;
margin:0% 1%;
padding:2%
4%;
font-size:2vw;
}
button.black {background:none;
color: black;
display: inline-block;
padding: 8px 20px;
font: normal 700 20px/1 "Open Sans", sans-serif;
text-align: left;
text-shadow: none;
border: solid black;
margin-bottom:25px;
}
button.left {background:none;
color: #3BD0ED;
display: inline-block;
padding: 8px 20px;
font: normal 700 20px/1 "Open Sans", sans-serif;
text-align: center;
margin-left:0px;
text-shadow: none;
border: solid white;
margin-bottom:25px;
}
button:hover {
background-color: #3BD0ED;
}
button.black:hover {
background-color: white;
}
li {color: white;
display:inline;
padding-right:2%;
padding-left:2%;
text-decoration: none;
text-align:center;
}
ul.topnav {
border: 1px solid black;
width:100%;
height:30px;
position:fixed;
list-style-type: none;
margin: 0;
padding:0;
padding-left:25px;
padding-top:16px;
padding-bottom:5px;
overflow: hidden;
background-color: black;
display: inline-block;
color: white;
text-decoration: none;
transition: 0.3s;
font-size:100%;
text-align:center;
}