*,*:before,*:after{box-sizing:border-box;}
html{font-size:20px;}
body{
margin:0;
padding:0;
font-family:"century gothic",Geneva, Arial, sans-serif;
font-size:1rem;
line-height: 1.5rem;
background: #fff;
color: #000;
}
p{font-size:1rem;}
#logo{
font-family:Verdana,Arial, sans-serif;
font-size: 1.50rem;
line-height: 1.75rem;
letter-spacing:0.025rem;
text-align:left;
text-transform:uppercase;
color: #12a947;
font-weight:bold;
margin-top:15px;
margin-bottom:0px;
padding-top:6px;
}
#photo-effect-tool2{display:none;}
h1,h2,h3,h4,h5{
font-family:Verdana, Arial, sans-serif;
font-size: 1.50rem;
line-height: 1.75rem;
color: #000;
font-weight:normal;
margin-bottom:6px;
padding-top:6px;
}
a:link{color: #12a947;text-decoration: underline;}
a:visited{color: #12a947;text-decoration: underline;}
a:active{color: #12a947;text-decoration: underline;}
a:hover{color: #000;text-decoration: underline;}
a.f:link{color: #000;text-decoration: none;}
a.f:visited{color: #000;text-decoration: none;}
a.f:active{color: #000;text-decoration: none;}
a.f:hover{color: #12a947;text-decoration: none;}
#content,#glitchText{width:800px;margin:0 auto;}
#nav{text-align:center;margin:10px 0;}
.leftText{text-align:left;}
#social{text-align:center;padding:60px 5px 4px 5px;}
#ftr{text-align:center;padding:5px 5px 50px 5px;font-size:0.75rem;}
#imgRow{text-align:center;}
#ldWrap{position:relative;width:800px;margin:0 auto;}
#ld{position:absolute;width:100%;left:0px;top:40%;padding:20px 10px;text-align:center;background:#fff; background-color: rgba(256,256,256,0.75);z-index:1;display:none;}
#dldBar{text-align:center;margin:0 0 10px 0;padding:0px 5px 10px 5px;display: none;}
#optionsBar{text-align:center;margin:0;padding:10px 5px 0px 5px;display: none;}
#modeDrop{
display: inline-block;
padding: 10px 15px 5px 15px;
font-size:0.75rem;
font-weight:bold;
cursor: pointer;
text-transform:uppercase;
text-align: center;
text-decoration: none;
font-kerning:none;
color: #fff;
background-color: #000;
border: 1px solid #000;
border-radius: 12px;
box-shadow: 0 9px #000;
margin: 0 0 30px 0;
}

#imgDownload2{display: none;}
input[type="file"]{
display: none;
}
input[type="radio"]{
display: none;
}
.uploadLabel{
display: inline-block;
padding: 15px 35px;
font-size:1.5rem;
font-weight:bold;
cursor: pointer;
text-transform:uppercase;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 3px #000;
color: #fff;
background-color: #12a947;
border: 1px solid #000;
border-radius: 35px;
box-shadow: 0 9px #000;
text-align:center;
margin-bottom:20px;
}
.uploadLabel:hover{
text-decoration:none;
box-shadow: 0 5px #000;
transform: translateY(4px);
}
#previewImg{filter: drop-shadow(2px 5px 6px #000);margin:10px 0;}
#uploadImg,#canvasImg{position: absolute;left:-99999rem;display:none;}
#glitchAgain2{
padding: 15px 35px;
font-size:1.0rem;
font-weight:bold;
text-transform:uppercase;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 3px #000;
color: #fff;
background-color: #999;
border: 1px solid #000;
border-radius: 35px;
box-shadow: 0 9px #000;
margin: 0 30px 30px 0;
display:none;
}
#glitchAgain{
display: inline-block;
padding: 15px 35px;
font-size:1.0rem;
font-weight:bold;
cursor: pointer;
text-transform:uppercase;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 3px #000;
color: #fff;
background-color: #12a947;
border: 1px solid #000;
border-radius: 35px;
box-shadow: 0 9px #000;
margin: 0 30px 30px 0;
}
#glitchAgain:hover{
box-shadow: 0 5px #000;
transform: translateY(4px);
}
a.dld:link, a.dld:visited{
display: inline-block;
padding: 15px 35px;
font-size:1.0rem;
font-weight:bold;
cursor: pointer;
text-transform:uppercase;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 3px #000;
color: #fff;
background-color: #12a947;
border: 1px solid #000;
border-radius: 35px;
box-shadow: 0 9px #000;
}
a.dld:hover{
text-decoration:none;
box-shadow: 0 5px #000;
transform: translateY(4px);
}
.darrow{    
display:inline-block;
margin-left:5px;
-webkit-transform:scale(2,1); /* Safari and Chrome */
-moz-transform:scale(2,1); /* Firefox */
-ms-transform:scale(2,1); /* IE 9 */
-o-transform:scale(2,1); /* Opera */
transform:scale(2,1); /* W3C */}
#share{position: relative; float:right; display:inline-block;margin-top:5px;padding:10px 0 10px 20px;}
#share:hover .dropdown{
display: block;
}
.dropdown{
display: none;
position: absolute;
right:0;
background-color: #fff;
min-width: 240px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
margin-top:0px;
padding: 0;
z-index: 1;
}
.dropdown a{display:block;font-size:1rem;padding:10px 20px;}
.dropdown a:hover{background:#000;color:#fff;padding:10px 20px;}
#copied{display:none;font-size:1rem;padding:10px 20px;background:#12a947;color:#fff;font-weight:bold;}

@media screen and (max-width: 820px){
	body{margin:0 10px;}
	#content,#glitchText,#ldWrap{width:100%;}
	#logo{width:100%;margin-top:10px;font-size: 2rem;line-height: 2rem; letter-spacing:0.025rem;}
	#glitchAgain,#glitchAgain2,a.dld{margin: 0 20px 30px 20px;}
	#glitch-photo-logo{width:100%;height:auto;}
}
@media screen and (max-width: 600px){
	#glitch-photo-logo{display:block;width:100%;height:auto;}
}