@media (min-width:992px)  {/*
html {
  height:100%;
  width:100%;
  margin:0%;
  padding:0%;
  overflow-x: hidden;
}*/

body {
    font-family: Helvetica, Arial, sans-serif;
    background-color: #f2f2f2;
    overflow-x:hidden !important;
 background-color: black;
  }

.everything {
  overflow-x:hidden !important;
  overflow-y:scroll;
  max-width: 100%;overflow: hidden;
}
  
ul
{
  list-style-type: none;
}

/* Add a black background color to the top navigation */
.topnav {
  background: rgb(3, 3, 3);
    background: linear-gradient(221deg, rgb(68, 0, 255) 0%, rgb(0, 0, 0) 100%);
  /*background-color: #152852 ;*/
  overflow: hidden;
  padding: 0px 0px;
  border-radius: 0.52vh;
  width:101%;
  border-style:none;
  border-color: #f2f2f2;
  
  /*height:8vh;*/
}
/*
.topnav logo {
display:inline-block;
left:0%;
cursor:pointer;
height:20px;
}
*/
.logo{
  position:relative;left:70px;
  height:11.5vmin;
  width:auto;
  cursor:pointer;
  display: inline-block;
  top:25px;
}

/* Style the links inside the navigation bar */
.topnav a {
  position:relative;
  left:55vw;
  top:-14.8px;
  color: #202020;
  /*EAE7D3*/
  text-align: center;
  padding: 1.4vh 1.2vh;
  text-decoration: none;
  font-size: 3vh;
  border-radius:1.4vh;
}
.topnav a img {
  position:relative;
  width:3.3vh;
  height:auto;
}


.topnav b {
  left: 40%;
  top:0.5%;
  color: #202020;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  font-family: Helvetica, Arial, sans-serif;
}
/*
.topnav .search{
 width:17%;
 
 left:240px;
 
}*/

/* Change the color of links on hover */
.topnav a:hover {
    /*padding: 11px 64px;*/  background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
  color: black;
}



/* Add a color to the active/current link */
.topnav a.active {
    /*padding: 11px 64px;*/  background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
  color: #202020;
}

.user_welcome {
  
  position:relative;
  right:-36vw;
  /*top: 3.5vh;*/
  top:-40px;
  color:#EAE7D3;
}

.user_welcome_profile {
  
  position:relative;
  left:30vw;
  /*top: 3.5vh;*/
  top:20px;
  color:#EAE7D3;
  width:90%;
}

.welcome_message {
  
  position: relative;
  color:#f2f2f2;
  display:inline-block;
  font-size:2.2vh;
  
}

.btn_login{
  
    /*padding: 11px 64px;*/  background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
  border: none;
  /*color: #EAE7D3;*/
  color: #f2f2f2;
  padding: 8px 2.2vh;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor:pointer;
  position:relative;
  left:-6%;
  top:-1.75vh;
  font-size: 2vh;
  font-family: Helvetica, Arial, sans-serif;
  /*font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;*/
  border-radius: 1.7vmin;border-color: darkslateblue;
  border-style:solid;
}

#new_post {
  /*padding: 11px 64px;*/  background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
    
 
  position: relative;
  left:0px;
}

.btn_logout{
  background-color: rgba(0,0,0,0); /* Green */
  border: none;
  /*color: #EAE7D3;*/
  color:#f2f2f2;
  padding: 6px 2.8vh;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  
  position: relative;
  right: 0px;
  
  
  border-radius: 1.7vmin;
  border-style:solid;
  font-size:2vh;
}


.search {
  display:inline-block;
  z-index: -1;
  height:0px;
  /*position: relative;
  top: 2vw;
  width:20vh;
  */
}

.search input {
  display:inline;
  height: 4vh;
  width: 43vmin;
  
  top:-63px;
  
  
  position: relative;
  left: 35.8vw;
  
  font-size: 2vh;
  border-style:solid;
  /*
  -webkit-transition: width 0.4s ease-in-out;
  -moz-transform: width 0.4s ease-in-out;
  
  -o-transform: width 0.4s ease-in-out;
  transform: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;*/
  background-color : #FFFFFF; 
  border-radius:2.1vmin;
}
/*
.search input:focus {
  
  width: 250%;
  height:6vh;
  
}*/

.search button {

  height: 40px;
  width: 110px;
  background-color: #EAE7D3;
  
  position: relative;
  right: -20px;
  top: -8px;
  font-size: 17px
}
/*
aa{
color:#DAD7C4;
font-size:1.9vh;
}
*/
.like_comment{
  cursor:pointer;
  /*color:#EAE7D3;*/
  color:#AEAEAE;
  font-size:2vh;margin-right:20px;
  padding:3.5px;
  border-radius: 3.8vh;
  position: relative;
  top:1px;
  
}

.like_comment_active{
  cursor:pointer;
  color:#EAE7D3;
  background: rgb(161,0,196);margin-right:20px;
  background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(161,0,196,1) 100%);
  font-size:2vh;
  padding:3.5px;
  border-radius: 3.8vh;
  position: relative;
  top:1px;
}

.reply_comment{
  /*color:#EAE7D3;*/
  color:#f2f2f2;
  background: rgb(161,0,196);
  background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(161,0,196,1) 100%);border-color: darkslateblue;
  cursor:pointer;
  font-size:1.7vh;
  margin-right:10px;
  padding:3.5px 2.2vh;
  
  border-radius:1.7vmin;
 border-style:solid;
 
}


.delete_comment{
  margin-right:10px;
  /*color:#EAE7D3;*/
  color: #f2f2f2;
  background: rgb(161,0,196);
  background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgb(232, 0, 0) 100%);
  cursor:pointer;
  font-size:1.7vh;
  
  border-radius:1.7vmin;
  padding:3.5px 2vh;
  border-style:solid;
  border-color:darkslateblue
}

.comment_main{
  /*color:#EAE7D3;*/
  color:#f2f2f2;
  position:relative;
  font-size:1.9vh;
}

.product_link{
  display:block;
  background: rgb(161,0,196);
  background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
  border: none;
  /*color: #EAE7D3;*/
  color:#f2f2f2;
  padding: 8px 2.8vh;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  position:relative;
  top:-11px;
  font-size: 2vh;
  font-family: Helvetica, Arial, sans-serif;
  border-radius: 1.9vmin;
  border-style:solid;border-color: darkslateblue;
}

.product_link_hidden{
  display:none;
}

.comment_post{
  background: rgb(161,0,196);
  background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
  border: none;
  /*color: #EAE7D3;*/
  color:#f2f2f2;
  padding: 3.5px 2.8vh;
  text-align: center;
  text-decoration: none;
  display: inline-block;

  font-size: 1.9vh;
  font-family: Helvetica, Arial, sans-serif;
  border-radius: 1.7vmin;
  border-style:solid;
  cursor:pointer;
  position:relative;
  left:1vh;border-color: darkslateblue;
}

.comment_post_hidden{
  display:none;
}

.comment_reply_post{
  display:block;
  background: rgb(161,0,196);
  background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
  border: none;
  /*color: #EAE7D3;*/
  color:#f2f2f2;
  padding: 3.5px 2.8vh;
  text-align: center;
  text-decoration: none;
  display: inline-block;

  font-size: 2vh;
  font-family: Helvetica, Arial, sans-serif;
  border-radius: 1.7vmin;
  border-style:solid;border-color:darkslateblue;
  cursor:pointer;
  position:relative;
  left:2vh;
  margin-bottom:1vh;
}

.comment_reply_post_hidden{
  display:none;
}

.delete_meme{
  background-color: rgba(0,0,0,0); 
  border: none;
  /*color: #EAE7D3;*/
  color:#f2f2f2;
  padding: 8px 3vh;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor:pointer;
  position:relative;
  top:-10px;
  /*border-style: solid;*/
  font-size: 2vh;
  font-family: Helvetica, Arial, sans-serif;
  border-radius: 1.7vmin;
  border-style:solid;
}

#info {
  color: #c88;
  font-size: 1em;
  position: absolute;
  z-index: -1;
  left: 1em;
  top: 1em;
}



#del_user button{

  background-color: red; /* Green */
  border: none;
  color: #EAE7D3;
  padding: 8px 22px;
  text-align: center;
  text-decoration: none;
  font-size: 17px
  
}

#welcome_text{
  float: left;
  width: 30%;


  position: absolute;
  left: 0%;

    
}

/* Dropdown Button */
.dropbtn {font-weight: bold;
  background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(0,0,196,1) 0%, rgba(0,17,232,1) 100%);
  /*color: #EAE7D3*/;
  color:#f2f2f2;
  padding: 6px 2.8vh;
  font-size: 2vh;
  border: none;
  cursor: pointer;
  border-radius: 1.7vmin;
  position:relative;
  /*width:17.2vh;*/
  left: 2vw;
  top:40px;border-color: darkslateblue;
  border-style: solid;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  
  background-color: #f1f1f1;
  width: 32vh;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  
  position:absolute;
  top:11vh;
  left:2vw;
  font-size:3.8vh;
  border-radius:1vh;
  border-style:solid;
  }

/* Links inside the dropdown */
.dropdown-content c {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size:3.8vh;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #3498DB}



/* Dropdown Content (Hidden by Default) */
.dropdown-content_links {
  display: none;
  
  background-color: #f1f1f1;
  width: 12vh;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  font-size:2vh;
  position:relative;
  top:-0.5vh;
  left:8vw;
  font-size:3vh;
  border-radius: 1vh;
  border-style:solid;
}

/* Links inside the dropdown */
.dropdown-content_links c {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;


}

/* Change color of dropdown links on hover */
.dropdown-content_links a:hover {background-color: #3498DB}


/* Dropdown Button */
.dropbtn_links {
  background: rgb(161,0,196);
  background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
  /*color: #EAE7D3;*/
  color:#f2f2f2;
  padding: 6.8px 2.2vh;
  font-size: 2vh;
  border: none;
  cursor: pointer;
  border-radius: 1.7vmin;
  border-style:solid;
  position:relative;
  
  left: 0vw;
  top:-12px;
  border-color: darkslateblue;
  font-family: Helvetica, Arial, sans-serif;
}

/* Dropdown button on hover & focus */
.dropbtn_links:hover, .dropbtn_links:focus {
  background-color: #2980B9;
}


/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) .dropdown-content.show */
.show {display:block;}

#file_preview{
position:relative;
left:-22vw;
width:100vmin;
}

#meme_view{
  position:relative;
  left:29vw;
  top:0px;
  
}


a.btn_login{top:28px;font-size:25px;font-weight: bold; right:20px;position: relative;}
.div_reply .like_comment{top:4.7px;}.div_reply .like_comment_active{top:4.7px;}
.likenav{
  background-color: rgba(0,0,0,0) ;
  /*#163858*/
  /*border-color: #f2f2f2;*/
  overflow: hidden;
  
  
  position:relative;
  width:880px;
  left:0%;
  border-radius:1vh;
  border-style:hidden;
}

.meme_upvote{
  /*background-color: green;*/
  white-space: nowrap;
  /*color:#EAE7D3;*/
  color:#f2f2f2;
  padding:3.5px 12px;
  font-size:1.7vh;
  position:relative;
  left:0vh;
  cursor: pointer;
  border-radius: 3.8vh;
  text-align: center;
  margin: 0 auto;
  border-style:solid;
  top:5px;
  margin-top: 1px;
  display:inline-block;
  margin-bottom:7px;
  margin-right:10px;
}
.meme_upvote:after {
  content: "\0020\0020";
  white-space: pre-wrap;  
  
}

.meme_upvote_active{
  
  /*background-color: green;*/
  white-space: nowrap;
  background: rgb(161,0,196);
  background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(161,0,196,1) 100%);
  color:#EAE7D3;
  
  padding:3.5px 12px;
  font-size:1.7vh;
  position:relative;
  left:0vh;
  cursor: pointer;
  border-radius: 3.8vh;
  text-align: center;
  margin: 0 auto;
  border-style:solid;
  top:5px;
  display:inline-block;margin-right:10px;
}
.meme_upvote_active:after {
  content: "\0020\0020";
  white-space: pre-wrap;  
}

.meme_upvote_obs{
  
  /*background-color: green;*/
  white-space: nowrap;
  background-color: #AA336A;
  color:#EAE7D3;
  padding:6px 12px;
  font-size:2.3vh;
  position:relative;
  left:0vh;
  cursor: pointer;
  border-radius: 3.8vh;
  text-align: center;
  margin: 0 auto;
  border-style:solid;
  top:5px;
  display:inline-block
}
.meme_upvote_obs:after {
  content: "\0020\0020";
  white-space: pre-wrap;  
}


.filter_class{
  color:black;
  text-decoration:none;
  font-size:2vh;
  padding:6px 8px;
  cursor:pointer;
  border-radius:3.8vh;
  line-height:4.2vh;
  font-family: Helvetica, Arial, sans-serif;
}
.commentnav{
  background-color: rgba(0,0,0,0) ;
  overflow: hidden;
  /*max-height:20vh;*/
  top:-9px;
  position:relative;
  width:33vw;
  left:0vh;
  border-radius:1vh;
  border-style:solid;
  border-color: #f2f2f2;
  height:100%;
}

.commentnav_show_more{
  background-color: rgba(0,0,0,0) ;
  overflow: scroll;
  height:71vh;
  
  position:relative;
  width:35vw;
  left:0vh;
  height:100%;
  border-radius:1vh;
  border-style:solid;
  border-color: #f2f2f2;
}

[id^=div_comment]{
  margin-bottom:1.4vh;
  height:100%
}

#new_post_form{position:relative;
  width:65vmin;
}


/*textarea{
  font-size:1.74vh;
  font-family: Helvetica, Arial, sans-serif;
}*/

.comment_input{
  display:block;
  width:30vw;
  height:2.8vh;
  font-family: Helvetica, Arial, sans-serif;
  overflow-y:auto;
  overflow-x:fixed;
  -webkit-transition: height 0.4s ease-in-out;
  -moz-transition: height 0.4s ease-in-out;
  -ms-transition: height 0.4s ease-in-out;
  -o-transition: height 0.4s ease-in-out;
  font-size:2vh;
  border-radius:3.8vh;
  position:relative;
  left:1.1vh;
}
.comment_input::before{
  content:'\n';
  white-space: pre;
}

/*
.comment_input,
comment_input::-webkit-input-placeholder{
  font-family: Helvetica, Arial, sans-serif;
  font-size:3vh;
}
*/
.comment_input_hidden{
  display:none;
}

.comment_input:focus {
  width: 30vw;
  height:8vh;
  top:0.6vh;
  border-radius:2vh;
}

.comment_reply_input{top:-9px;
  display:block;
  width:29vw;
  height:3vh;
  font-family: Helvetica, Arial, sans-serif;
  overflow-y:auto;
  overflow-x:fixed;
  -webkit-transition: height 0.4s ease-in-out;
  -moz-transition: height 0.4s ease-in-out;
  -ms-transition: height 0.4s ease-in-out;
  -o-transition: height 0.4s ease-in-out;
  font-size:2vh;
  border-radius:3.8vh;
  position:relative;
  left:3vh;
  /*display:inline;*/
  margin-top:3.8vh;
  margin-bottom: 1vh;
}
/*.comment_reply_input::after{
  
content:"\a";
white-space: pre;
}*/
.comment_reply_input::placeholder {
  font-size:0.9em;
  font-family: Helvetica, Arial, sans-serif;
}
.comment_reply_input_hidden{
  display:none;
}

.comment_reply_input:focus {
  width: 30vw;
  height:10vh;
  top:-9px;
  border-radius:2vh;
}

.comment_input::placeholder {
  font-size:0.9em;
  font-family: Helvetica, Arial, sans-serif;
}
/*
textarea::-moz-placeholder {
  font-size:2vh;
  font-family: Helvetica, Arial, sans-serif;
}

textarea::-ms-placeholder {
  font-size:2vh;
  font-family: Helvetica, Arial, sans-serif;
}

textarea::placeholder {
  font-size:2vh;
  font-family: Helvetica, Arial, sans-serif;
}
*/

message1{display: none;}
.show_more_comments{
  position:relative;
  background-color: rgba(0,0,0,0);
  /*color:#EAE7D3;*/
  color:#f2f2f2;
  cursor:pointer;
  padding:3px 2vh;
  font-size:1.7vh;
  font-family: Helvetica, Arial, sans-serif;
  position:relative;
  left:1vh;
  border-radius: 1.7vmin;
  border-style:solid;
  top:-10px;
  
}

[id^=show_more_replies_]{
position:relative;
left:6vh;
}

.show_more_replies{
  /*color:#EAE7D3;*/
  cursor:pointer;
  color:#f2f2f2;
  padding:3.5px 1.7vh;
  font-size:1.7vh;
  font-family: Helvetica, Arial, sans-serif;
  background-color: rgba(0,0,0,0);
  border-radius:1.6vmin;border-style: solid;
  border-color:darkslateblue;
}

.login_to_comment{
  position:relative;color:#f2f2f2;
  background-color: rgb(145, 0, 133);border-color: darkslateblue;
  /*color:#EAE7D3*/;
  cursor:pointer;
  text-decoration:none;
  font-size:2vh;
  font-family: Helvetica, Arial, sans-serif;
  padding:6px 2vh;
  border-radius:1.7vmin;
  border-style:solid;
  left:1vh;
}


.div_reply{
  margin-left:6vh;margin-top:-15px;
}

[id^=div_comment_]{
  margin-left:1vh;
  height:100%;
}
[id^=div_reply_]{
  position:relative;
  height:100%;
  margin-bottom:0vh;
}

[id^=div_reply_] .delete_comment{
  position:relative;top:3.8px;right:8px;
  
  
}
.hashtag_suggest{
  background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
    
  border-radius:4vh;
  cursor:pointer;
  font-size:2.27vh;
  padding:4.3px 4.3px;
  color:#EAE7D3;
  border-style:solid;
  position: relative;
  top:8px;
  border-color: darkslateblue;
}


.hashtag_inputs{
margin-bottom:17px;
  
    /*padding: 11px 64px;*/  background: rgb(172, 1, 1);
    background: linear-gradient(221deg, rgb(177, 1, 1) 0%, rgba(0,17,232,1) 100%);
  border-radius:4vh;
  cursor:pointer;
  font-size:2.27vh;
  padding:6px 6px;
  color:#EAE7D3;
  border-color: darkslateblue;
}

.change_user_name{
  background-color: rgba(0,0,0,0); /* Green */
  border: none;
  /*color: #EAE7D3;*/
  color:#f2f2f2;
  padding: 6px 2.8vh;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor:pointer;

  
  font-size: 2vh;
  font-family: Helvetica, Arial, sans-serif;
  border-radius: 1.7vmin;
  
  border-style:solid;
  position: relative;
  
  
}


.profile_view{
  display:block;
  background-color: rgba(0, 0, 0, 0); 
  border: none;
  /*color: #EAE7D3;*/
  color:#f2f2f2;
  padding: 1.5vmin 2vmin;
  text-align: center;
  text-decoration: none;
  display: inline-block;

  font-size: 1.7vh;
  font-family: Helvetica, Arial, sans-serif;
  border-radius: 1.7vmin;
  border-style:solid;
  cursor:pointer; 
  width:8vh;
  position:relative;
  top:16px;
  left:30vw;
  margin-bottom: 64px;;border-color: darkslateblue;
}

[title='Profile']{
  cursor:pointer;
}

message{
  position:relative;
  top:22px;
  left:28vw;
  color:red;
  font-size:2vh;
  display:inline-block;
  height:100%
}


.share_link{
  display:block;
  background: rgb(161,0,196);
  background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(161,0,196,1) 100%);
  border: none;
  /*color: #EAE7D3;*/
  color:#f2f2f2;
  padding: 8px 1.9vh;
  text-align: center;
  text-decoration: none;
  display: inline-block;

  font-size: 2vh;
  font-family: Helvetica, Arial, sans-serif;
  border-radius: 1.9vmin;
  border-style:solid;
  cursor:pointer;
  position: relative; 
  top:-11px;margin-right: 10px;
  border-color: darkslateblue;
}

.share_prodchi_link{
  display:block;
  background-color: rgb(160, 2, 200); /* Green */
  border: none;
  /*color: #EAE7D3;*/
  color:#f2f2f2;
  padding: 8px 2.6vh;
  text-align: center;
  text-decoration: none;
  display: inline-block;

  font-size: 2vh;
  font-family: Helvetica, Arial, sans-serif;
  border-radius: 1.7vmin;
  border-style:solid;
  cursor:pointer;
  position: relative; 
  top:20px;
  margin-bottom:1vh;
  left:30vw;
  border-color: darkslateblue;
}

.delete_user{
  background-color: red; /* Green */
  border: none;
  color: #f2f2f2;
  padding: 6px 2.8vh;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor:pointer;

  
  font-size: 2vh;
  font-family: Helvetica, Arial, sans-serif;
  border-radius: 1.7vmin;
  
  position: relative;
  

  
  
}

app_info{
  position:relative;
  /*left:0%;*/
  right:-30px;
  top:38px;
  color: #a8a8a8;
  text-align: center;
  padding: 0px 16px;
  text-decoration: none;
  font-size: 0.6em; 
  
}

app_info_settings{
  position:relative;
  /*left:0%;*/
  right:0px;
  top:0px;
  color: #a8a8a8;
  text-align: center;
  padding: 20px 16px;
  text-decoration: none;
  font-size: 0.8em; 
  
}

.post_user{margin-top:10px;position: relative;
  font-weight: bold;
  color:#f2f2f2;
  /*#202020*/
  cursor:pointer;
  text-decoration: none;
  
  font-family: Helvetica, Arial, sans-serif;
  font-size:2vh;
  display:inline-block;
}

.commentnav .post_user{
  font-weight: bold;
  /*color:#EAE7D3;*/
  color:#f2f2f2;
  /*#202020*/
  cursor:pointer;
  text-decoration: none;
  
  font-family: Helvetica, Arial, sans-serif;
  font-size:2vh;
  display:inline-block;
}
.commentnav_show_more .post_user{
  font-weight: bold;
  /*color:#EAE7D3;*/
  color:#f2f2f2;
  /*#202020*/
  cursor:pointer;
  text-decoration: none;
  
  font-family: Helvetica, Arial, sans-serif;
  font-size:2vh;
  display:inline-block;
}

.post_images{
  border-radius:1.4vh ;
  height:56vh;
  position: relative;

align-self:center;
}


.new_post_caption{
  font-size: 2.2vh;
  border-radius:1.4vh;
  width:43vmin;
  border-style:solid;

}
.hashtag_new_input{
  font-size: 2.2vh;
  border-radius:1.4vh;
  width:43vmin;
  border-style:solid;
}

.product_link_form{
  font-size: 2.2vh;
  border-radius:1.4vh;
  width:43vmin;
  border-style:solid;
  margin-top:3.5px;
}

.custom-file-upload{
  cursor:pointer;
  display:block;

  /*color: #EAE7D3;*/
  color:#f2f2f2;
  background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(161,0,196,1) 100%);
    text-align: center;
  text-decoration: none;
  display: inline-block;

  font-size: 2vh;
  font-family: Helvetica, Arial, sans-serif;
  background-color: rgba(0,0,0,0);
  border-radius:2vmin;
  border-style:solid;
  padding:7px 3px;
  width:19vh;border-color: darkslateblue;
}
.choose_file{
  display:none;

}

.add_link{
  cursor:pointer;
  display:block;
margin-top:3px;
  /*color: white;*/
  color:#f2f2f2;
  text-align: center;
  text-decoration: none;
  display: inline-block;

  font-size:1.4vh;
  font-family: Helvetica, Arial, sans-serif;
  background-color: rgba(0,0,0,0);
  border-radius:1.4vh;
  border-style:solid;
  padding:3px 2.2px;
  width:5.3vh;border-color: slateblue;
}

post_caption{
  color:#f2f2f2;
  font-size:2.2vh; 
  font-family: Helvetica, Arial, sans-serif;
  /*padding-right:20px;*/
  
  display:inline-block;
  width:90%;
}
post_tags{
  color:#3498DB;
  font-size:2.27vh;
  font-family: Helvetica, Arial, sans-serif;
  display:inline-block;
  font-weight:bold;
  width:90%;
  cursor:pointer;
}
post_date{
  color:#3498DB;
  font-size:2.57vh;
  font-family: Helvetica, Arial, sans-serif;
  display:inline-block;
}

#user_name{
  font-size: 2.57vh;
  border-radius:1.4vh;
  position:relative;
  width:20vw;
  border-style:solid;

}

.settings_info{
  color:#3498DB;
  font-size:2vh;
  display:inline-block;
  
  position:relative;
  width:90%;
  height:100%;
}
#delete_user_input{
  font-size: 2.57vh;
  border-radius:1.4vh;
  position:relative;
  width:20vw;
  border-style:solid;

  
}
.user_welcome_settings {
  
  position:relative;
  
  /*top: 3.5vh;*/
  top:20px;
  color:#EAE7D3;

}

#not_deleted{
  color:red;
  font-size:2.4vh;
}

.icon{
  position:relative;
  width:4vh;
  
  top:0.8vh;
}
}
@media (max-width:993px)  {/*
  html {
    height:100%;
    width:100%;
    margin:0%;
    padding:0%;
    overflow-x: hidden;
  }*/
  
  body {
      font-family: Helvetica, Arial, sans-serif;
      background-color: #f2f2f2;
      overflow-x:hidden !important;
   background-color: black;
    }
  
  .everything {
    overflow-x:hidden !important;
    overflow-y:scroll;
    max-width: 100%;overflow: hidden;
  }
    
  ul
  {
    list-style-type: none;
  }
  
  /* Add a black background color to the top navigation */
  .topnav {
    background: rgb(3, 3, 3);
      background: linear-gradient(221deg, rgb(68, 0, 255) 0%, rgb(0, 0, 0) 100%);
    /*background-color: #152852 ;*/
    overflow: hidden;
    padding: 0px 0px;
    border-radius: 0.52vh;
    width:101%;
    border-style:none;
    border-color: #f2f2f2;
    
    height:140px;
  }
  /*
  .topnav logo {
  display:inline-block;
  left:0%;
  cursor:pointer;
  height:20px;
  }
  */
  .logo{
    position:relative;
    height:11.5vmin;
    width:auto;
    cursor:pointer;
    display: inline-block;
    top:30.7px;
  }
  
  /* Style the links inside the navigation bar */
  .topnav a {
    position:relative;
    left:16vw;
    top:14.8px;
    color: #202020;
    /*EAE7D3*/
    text-align: center;
    padding: 1.4vh 1.2vh;
    text-decoration: none;
    font-size: 3vh;
    border-radius:1.4vh;
  }
  .topnav a img {
    position:relative;
    width:3.3vh;
    height:auto;
  }
  
  
  .topnav b {
    left: 40%;
    top:0.5%;
    color: #202020;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    font-family: Helvetica, Arial, sans-serif;
  }
  /*
  .topnav .search{
   width:17%;
   
   left:240px;
   
  }*/
  
  /* Change the color of links on hover */
  .topnav a:hover {
      /*padding: 11px 64px;*/  background: rgb(161,0,196);
      background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
    color: black;
  }
  
  
  
  /* Add a color to the active/current link */
  .topnav a.active {
      /*padding: 11px 64px;*/  background: rgb(161,0,196);
      background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
    color: #202020;
  }
  
  .user_welcome {
    
    position:relative;
    right:-36vw;
    /*top: 3.5vh;*/
    top:40px;
    color:#EAE7D3;
  }
  
  .user_welcome_profile {
    
    position:relative;
    left:30vw;
    /*top: 3.5vh;*/
    top:20px;
    color:#EAE7D3;
    width:90%;
  }
  
  .welcome_message {
    right:20vw;
    position: relative;
    color:#f2f2f2;
    display:inline-block;
    font-size:2.2vh;
    top:-3.6vh;
    left:-15vw;
  }
  
  .btn_login{
    
      /*padding: 11px 64px;*/  background: rgb(161,0,196);
      background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
    border: none;
    /*color: #EAE7D3;*/
    color: #f2f2f2;
    padding: 8px 2.2vh;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor:pointer;
    position:relative;
    left:-12vw;
    top:-6.9vh;
    font-size: 2vh;
    font-family: Helvetica, Arial, sans-serif;
    /*font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;*/
    border-radius: 1.7vmin;border-color: darkslateblue;
    border-style:solid;
  }
  
  #new_post {
    /*padding: 11px 64px;*/  background: rgb(161,0,196);
      background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
      
   
    position: relative;
    left:0px;
  }
  
  .btn_logout{
    background-color: rgba(0,0,0,0); /* Green */
    border: none;
    /*color: #EAE7D3;*/
    color:#f2f2f2;
    padding: 6px 2.8vh;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    
    position: relative;
    right: 0px;
    
    
    border-radius: 1.7vmin;
    border-style:solid;
    font-size:2vh;
  }
  
  
  .search {
    display:inline-block;
    z-index: -1;
    height:0px;
    /*position: relative;
    top: 2vw;
    width:20vh;
    */
  }
  
  .search input {
    display:inline;
    height: 3.5vh;
    width: 43vmin;
    
    top:21px;
    
    
    position: relative;
    left: 35.8vw;
    
    font-size: 2vh;
    border-style:solid;
    /*
    -webkit-transition: width 0.4s ease-in-out;
    -moz-transform: width 0.4s ease-in-out;
    
    -o-transform: width 0.4s ease-in-out;
    transform: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;*/
    background-color : #FFFFFF; 
    border-radius:2.1vmin;
  }
  #setting_title{left:10px;}
  /*
  .search input:focus {
    
    width: 250%;
    height:6vh;
    
  }*/
  message1{display: none;}
  .search button {
  
    height: 40px;
    width: 110px;
    background-color: #EAE7D3;
    
    position: relative;
    right: -20px;
    top: -8px;
    font-size: 17px
  }
  /*
  aa{
  color:#DAD7C4;
  font-size:1.9vh;
  }
  */
  .like_comment{
    cursor:pointer;margin-right:20px;position: relative;
    /*color:#EAE7D3;*/
    color:#AEAEAE;
    font-size:2.2vh;
    padding:7px;
    border-radius: 3.8vh;
    position: relative;
    top:8px;
    
  }
  
  .like_comment_active{
    cursor:pointer;margin-right:20px;position: relative;
    color:#EAE7D3;
    background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(161,0,196,1) 100%);
    font-size:2.2vh;
    padding:8px;
    border-radius: 3.8vh;
    position: relative;
    top:8px;
  }
  
  .reply_comment{
    /*color:#EAE7D3;*/
    color:#f2f2f2;
    background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(161,0,196,1) 100%);border-color: darkslateblue;
    cursor:pointer;
    font-size:2vh;
    margin-right:10px;top:7px;
    padding:6px 2.2vh;
    position: relative;
    border-radius:1.7vmin;
   border-style:solid;
   
  }
  
  
  .delete_comment{
    margin-right:10px;top:7px;position: relative;
    /*color:#EAE7D3;*/
    color: #f2f2f2;
    background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgb(232, 0, 0) 100%);
    cursor:pointer;
    font-size:2vh;
    
    border-radius:1.7vmin;
    padding:6px 2vh;
    border-style:solid;
    border-color:darkslateblue
  }
  
  .comment_main{
    /*color:#EAE7D3;*/
    color:#f2f2f2;
    position:relative;
    font-size:2.2vh;
  }
  
  .product_link{
    display:block;
    background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
    border: none;
    /*color: #EAE7D3;*/
    color:#f2f2f2;
    padding: 8px 2.8vh;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    position:relative;
    top:-11px;
    font-size: 2vh;
    font-family: Helvetica, Arial, sans-serif;
    border-radius: 1.9vmin;
    border-style:solid;border-color: darkslateblue;
  }
  
  .product_link_hidden{
    display:none;
  }
  
  .comment_post{
    background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
    
    /*color: #EAE7D3;*/
    color:#f2f2f2;
    padding: 6px 2.8vh;
    text-align: center;
    text-decoration: none;
    display: inline-block;
  
    font-size: 2vh;
    font-family: Helvetica, Arial, sans-serif;
    border-radius: 1.7vmin;
    border-style:solid;
    cursor:pointer;
    position:relative;
    left:1vh;border-color: darkslateblue;
  }
  
  .comment_post_hidden{
    display:none;
  }
  
  .comment_reply_post{top:30px;border-color: darkslateblue;
    display:block;
    background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
    
    /*color: #EAE7D3;*/
    color:#f2f2f2;
    padding: 6px 2.8vh;
    text-align: center;
    text-decoration: none;
    display: inline-block;
  
    font-size: 2vh;
    font-family: Helvetica, Arial, sans-serif;
    border-radius: 1.7vmin;
    border-style:solid;
    cursor:pointer;
    position:relative;
    left:2vh;
    margin-bottom:1vh;
  }
  
  .comment_reply_post_hidden{
    display:none;
  }
  
  .delete_meme{
    background-color: rgba(0,0,0,0); 
    border: none;
    /*color: #EAE7D3;*/
    color:#f2f2f2;
    padding: 8px 3vh;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor:pointer;
    position:relative;
    top:-10px;
    /*border-style: solid;*/
    font-size: 2vh;
    font-family: Helvetica, Arial, sans-serif;
    border-radius: 1.7vmin;
    border-style:solid;
  }
  
  #info {
    color: #c88;
    font-size: 1em;
    position: absolute;
    z-index: -1;
    left: 1em;
    top: 1em;
  }
  
  
  
  #del_user button{
  
    background-color: red; /* Green */
    border: none;
    color: #EAE7D3;
    padding: 8px 22px;
    text-align: center;
    text-decoration: none;
    font-size: 17px
    
  }
  
  #welcome_text{
    float: left;
    width: 30%;
  
  
    position: absolute;
    left: 0%;
  
      
  }
  
  /* Dropdown Button */
  .dropbtn {
    background: rgb(161,0,196);
      background: linear-gradient(221deg, rgba(0,0,196,1) 0%, rgba(0,17,232,1) 100%);
    /*color: #EAE7D3*/;
    color:#f2f2f2;
    padding: 6px 2.8vh;
    font-size: 2vh;
    border: none;
    cursor: pointer;
    border-radius: 1.7vmin;
    position:relative;
    /*width:17.2vh;*/
    left: 2vw;
    top:40px;border-color: darkslateblue;
    border-style: solid;
  }
  
  /* Dropdown button on hover & focus */
  .dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
  }
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
    display: none;
    
    background-color: #f1f1f1;
    width: 32vh;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    
    position:absolute;
    top:11vh;
    left:2vw;
    font-size:3.8vh;
    border-radius:1vh;
    border-style:solid;
    }
  
  /* Links inside the dropdown */
  .dropdown-content c {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size:3.8vh;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #3498DB}
  
  
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content_links {
    display: none;
    
    background-color: #f1f1f1;
    width: 12vh;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    font-size:2vh;
    position:relative;
    top:-0.5vh;
    left:8vw;
    font-size:3vh;
    border-radius: 1vh;
    border-style:solid;
  }
  
  /* Links inside the dropdown */
  .dropdown-content_links c {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  
  
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content_links a:hover {background-color: #3498DB}
  
  
  /* Dropdown Button */
  .dropbtn_links {
    background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
    /*color: #EAE7D3;*/
    color:#f2f2f2;
    padding: 6.8px 2.2vh;
    font-size: 2vh;
    border: none;
    cursor: pointer;
    border-radius: 1.7vmin;
    border-style:solid;
    position:relative;
    
    left: 0vw;
    top:-12px;
    border-color: darkslateblue;
    font-family: Helvetica, Arial, sans-serif;
  }
  
  /* Dropdown button on hover & focus */
  .dropbtn_links:hover, .dropbtn_links:focus {
    background-color: #2980B9;
  }
  
  
  /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) .dropdown-content.show */
  .show {display:block;}
  
  #file_preview{
  position:relative;
  left:-22vw;
  width:100vmin;
  }
  
  #meme_view{
    position:relative;
    left:0vw;
    top:0px;
    
  }
  
  .likenav{
    background-color: rgba(0,0,0,0) ;
    /*#163858*/
    /*border-color: #f2f2f2;*/
    overflow: hidden;
    
    
    position:relative;
    width:95vw;
    left:2%;
    border-radius:1vh;
    border-style:hidden;
  }
  
  .meme_upvote{
    /*background-color: green;*/
    white-space: nowrap;
    /*color:#EAE7D3;*/
    color:#f2f2f2;
    padding:6px 12px;
    font-size:1.7vh;
    position:relative;
    left:0vh;
    cursor: pointer;
    border-radius: 3.8vh;
    text-align: center;
    margin: 0 auto;
    border-style:solid;
    top:5px;
    margin-top: 1px;
    display:inline-block;
    margin-bottom:7px;
    margin-right:10px;
  }
  .meme_upvote:after {
    content: "\0020\0020";
    white-space: pre-wrap;  
    
  }
  
  .meme_upvote_active{
    
    /*background-color: green;*/
    white-space: nowrap;
    background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(161,0,196,1) 100%);
    color:#EAE7D3;
    
    padding:6px 12px;
    font-size:1.7vh;
    position:relative;
    left:0vh;
    cursor: pointer;
    border-radius: 3.8vh;
    text-align: center;
    margin: 0 auto;
    border-style:solid;
    top:5px;
    display:inline-block;margin-right:10px;
  }
  .meme_upvote_active:after {
    content: "\0020\0020";
    white-space: pre-wrap;  
  }
  
  .meme_upvote_obs{
    
    /*background-color: green;*/
    white-space: nowrap;
    background-color: #AA336A;
    color:#EAE7D3;
    padding:6px 12px;
    font-size:2.3vh;
    position:relative;
    left:0vh;
    cursor: pointer;
    border-radius: 3.8vh;
    text-align: center;
    margin: 0 auto;
    border-style:solid;
    top:5px;
    display:inline-block
  }
  .meme_upvote_obs:after {
    content: "\0020\0020";
    white-space: pre-wrap;  
  }
  
  
  .filter_class{
    color:black;
    text-decoration:none;
    font-size:2vh;
    padding:6px 8px;
    cursor:pointer;
    border-radius:3.8vh;
    line-height:4.2vh;
    font-family: Helvetica, Arial, sans-serif;
  }
  .commentnav{
    background-color: rgba(0,0,0,0) ;
    overflow: visible;
    /*max-height:20vh;*/
    
    position:relative;
    width:95vw;
    left:0vh;
    border-radius:1vh;
    border-style:solid;
    border-color: #f2f2f2;
    height:100%;
  }
  
  .commentnav_show_more{
    background-color: rgba(0,0,0,0) ;
    overflow: scroll;
    height:71vh;
    
    position:relative;
    width:95vw;
    left:0vh;
    height:100%;
    border-radius:1vh;
    border-style:solid;
    border-color: #f2f2f2;
  }
  
  [id^=div_comment]{
    margin-bottom:1.4vh;
    height:100%
  }
  
  #new_post_form{top:-4vh;position:relative;
    width:65vmin; 
  }
  
  
  /*textarea{
    font-size:1.74vh;
    font-family: Helvetica, Arial, sans-serif;
  }*/
  
  .comment_input{
    display:block;
    width:80vw;
    height:2.8vh;
    font-family: Helvetica, Arial, sans-serif;
    overflow-y:auto;
    overflow-x:fixed;
    -webkit-transition: height 0.4s ease-in-out;
    -moz-transition: height 0.4s ease-in-out;
    -ms-transition: height 0.4s ease-in-out;
    -o-transition: height 0.4s ease-in-out;
    font-size:2.2vh;
    border-radius:3.8vh;
    position:relative;
    left:2vh;
  }
  .comment_input::before{
    content:'\n';
    white-space: pre;
  }
  .user_welcome_settings .welcome_message{left:20px;}
  /*
  .comment_input,
  comment_input::-webkit-input-placeholder{
    font-family: Helvetica, Arial, sans-serif;
    font-size:3vh;
  }
  */
  .comment_input_hidden{
    display:none;
  }
  
  .comment_input:focus {
    width: 80vw;
    height:10vh;
    top:0.6vh;
    border-radius:2vh;
  }
  
  .comment_reply_input{
    top:30px;
    display:block;
    width:80vw;
    height:3vh;
    font-family: Helvetica, Arial, sans-serif;
    overflow-y:auto;
    overflow-x:fixed;
    -webkit-transition: height 0.4s ease-in-out;
    -moz-transition: height 0.4s ease-in-out;
    -ms-transition: height 0.4s ease-in-out;
    -o-transition: height 0.4s ease-in-out;
    font-size:2.2vh;
    border-radius:3.8vh;
    position:relative;
    left:3vh;
    /*display:inline;*/
    margin-top:2vh;
    margin-bottom: 1vh;
  }
  /*.comment_reply_input::after{
    
  content:"\a";
  white-space: pre;
  }*/
  .comment_reply_input::placeholder {
    font-size:0.9em;
    font-family: Helvetica, Arial, sans-serif;
  }
  .comment_reply_input_hidden{
    display:none;
  }
  
  .comment_reply_input:focus {
    width: 80vw;
    height:10vh;
    top:30px;
    border-radius:2vh;
  }
  
  .comment_input::placeholder {
    font-size:0.9em;
    font-family: Helvetica, Arial, sans-serif;
  }
  /*
  textarea::-moz-placeholder {
    font-size:2vh;
    font-family: Helvetica, Arial, sans-serif;
  }
  
  textarea::-ms-placeholder {
    font-size:2vh;
    font-family: Helvetica, Arial, sans-serif;
  }
  
  textarea::placeholder {
    font-size:2vh;
    font-family: Helvetica, Arial, sans-serif;
  }
  */
  
  
  .show_more_comments{
    position:relative;
    background-color: rgba(0,0,0,0);
    /*color:#EAE7D3;*/
    color:#f2f2f2;
    cursor:pointer;
    padding:8px 2vh;
    font-size:2vh;
    font-family: Helvetica, Arial, sans-serif;
    position:relative;
    left:1vh;
    border-radius: 1.7vmin;
    border-style:solid;
    top:-10px;
    
  }
  .show_more_replies:after{
    content: '\A';
    white-space: pre;
}
  [id^=show_more_replies_]{
  left:6vh;
  }
  
  .show_more_replies{top:7px;border-style: solid;margin:10px;
    border-color:darkslateblue;
    position:relative;
    /*color:#EAE7D3;*/
    cursor:pointer;white-space: nowrap;
    color:#f2f2f2;
    padding:5.6px 1.7vh;
    font-size:2vh;
    font-family: Helvetica, Arial, sans-serif;
    background-color: rgba(0,0,0,0);
    border-radius:1.6vmin;
    border-style:solid;
  }
  
  .login_to_comment{
    position:relative;color:#f2f2f2;
    background-color: rgb(145, 0, 133);border-color: darkslateblue;
    /*color:#EAE7D3*/;
    cursor:pointer;
    text-decoration:none;
    font-size:2vh;
    font-family: Helvetica, Arial, sans-serif;
    padding:6px 2vh;
    border-radius:1.7vmin;
    border-style:solid;
    left:1vh;
  }
  
  
  
  .div_reply{
    margin-left:6vh;
  }
  
  [id^=div_comment_]{
    margin-left:1vh;
    height:100%;
  }
  [id^=div_reply_]{
    position:relative;
    height:100%;
    margin-bottom:1vh;
  }
  
  [id^=div_reply_] .delete_comment{
    position:relative;
    top:11px;
    
  }
  .hashtag_suggest{
    background: rgb(161,0,196);
      background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
      
    border-radius:4vh;
    cursor:pointer;
    font-size:2.27vh;
    padding:4.3px 4.3px;
    color:#EAE7D3;
    border-style:solid;
    position: relative;
    top:8px;
    border-color: darkslateblue;
  }
  
  
  .hashtag_inputs{
  
    margin:11px;
      /*padding: 11px 64px;*/  background: rgb(172, 1, 1);
      background: linear-gradient(221deg, rgb(177, 1, 1) 0%, rgba(0,17,232,1) 100%);
    border-radius:4vh;
    cursor:pointer;
    font-size:2.27vh;
    padding:6px 6px;
    color:#EAE7D3;
    border-color: darkslateblue;
  }
  
  .change_user_name{
    background-color: rgba(0,0,0,0); /* Green */
    border: none;
    /*color: #EAE7D3;*/
    color:#f2f2f2;
    padding: 6px 2.8vh;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor:pointer;
  
    
    font-size: 2vh;
    font-family: Helvetica, Arial, sans-serif;
    border-radius: 1.7vmin;
    
    border-style:solid;
    position: relative;
    
    
  }
  
  
  .profile_view{
    display:block;
    background-color: rgba(0, 0, 0, 0); 
    border: none;
    /*color: #EAE7D3;*/
    color:#f2f2f2;
    padding: 1.5vmin 2vmin;
    text-align: center;
    text-decoration: none;
    display: inline-block;
  
    font-size: 1.7vh;
    font-family: Helvetica, Arial, sans-serif;
    border-radius: 1.7vmin;
    border-style:solid;
    cursor:pointer; 
    width:8vh;
    position:relative;
    top:16px;
    left:3vw;
    margin-bottom: 64px;;border-color: darkslateblue;
  }
  
  [title='Profile']{
    cursor:pointer;
  }
  
  message{
    position:relative;
    top:22px;
    left:28vw;
    color:red;
    font-size:2vh;
    display:inline-block;
    height:100%
  }
  
  
  .share_link{
    display:block;
    background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(161,0,196,1) 100%);
    border: none;
    /*color: #EAE7D3;*/
    color:#f2f2f2;
    padding: 8px 1.9vh;
    text-align: center;
    text-decoration: none;
    display: inline-block;
  
    font-size: 2vh;
    font-family: Helvetica, Arial, sans-serif;
    border-radius: 1.9vmin;
    border-style:solid;
    cursor:pointer;
    position: relative; 
    top:-11px;margin-right: 10px;
    border-color: darkslateblue;
  }
  
  .share_prodchi_link{
    display:block;
    background-color: rgb(160 , 2, 102); /* Green */
    border: none;
    /*color: #EAE7D3;*/
    color:#f2f2f2;
    padding: 8px 2.6vh;
    text-align: center;
    text-decoration: none;
    display: inline-block;
  
    font-size: 2vh;
    font-family: Helvetica, Arial, sans-serif;
    border-radius: 1.7vmin;
    border-style:solid;
    cursor:pointer;
    position: relative; 
    top:20px;
    margin-bottom:1vh;
    left:30vw;
    border-color: darkslateblue;
  }
  
  .delete_user{
    background-color: red; /* Green */
    border: none;
    color: #f2f2f2;
    padding: 6px 2.8vh;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor:pointer;
  
    
    font-size: 2vh;
    font-family: Helvetica, Arial, sans-serif;
    border-radius: 1.7vmin;
    
    position: relative;
    
  
    
    
  }
  a.btn_login{top:-54px;font-weight: bold; }

.div_reply .like_comment{top:4.7px;}.div_reply .like_comment_active{top:4.7px;}
.div_reply .delete_comment {top:2px;}
  app_info{
    position:relative;
    /*left:0%;*/
    right:-30px;
    top:-90px;
    color: #a8a8a8;
    text-align: center;
    padding: 0px 1px;
    text-decoration: none;
    font-size: 0.6em; 
    margin:0px;
  }
  
  app_info_settings{
    position:relative;
    /*left:0%;*/
    right:0px;
    top:0px;
    color: #a8a8a8;
    text-align: center;
    padding: 20px 16px;
    text-decoration: none;
    font-size: 0.8em; 
    
  }
  
  .post_user{
    font-weight: bold;
    color:#f2f2f2;
    /*#202020*/
    cursor:pointer;
    text-decoration: none;
    
    font-family: Helvetica, Arial, sans-serif;
    font-size:2.2vh;
    display:inline-block;
  }
  
  .commentnav .post_user{
    font-weight: bold;
    /*color:#EAE7D3;*/
    color:#f2f2f2;
    /*#202020*/
    cursor:pointer;
    text-decoration: none;
    
    font-family: Helvetica, Arial, sans-serif;
    font-size:2.2vh;
    display:inline-block;
  }
  .commentnav_show_more .post_user{
    font-weight: bold;
    /*color:#EAE7D3;*/
    color:#f2f2f2;
    /*#202020*/
    cursor:pointer;
    text-decoration: none;
    
    font-family: Helvetica, Arial, sans-serif;
    font-size:2.2vh;
    display:inline-block;
  }
  
  .post_images{
    border-radius:1.4vh ;
    width:95vw;
    position: relative;
  
  left:2vw
  }
  
  
  .new_post_caption{
    font-size: 2.2vh;
    border-radius:1.4vh;
    width:43vmin;
    border-style:solid;
  
  }
  .hashtag_new_input{
    font-size: 2.2vh;
    border-radius:1.4vh;
    width:43vmin;
    border-style:solid;
  }
  
  .product_link_form{
    font-size: 2.2vh;
    border-radius:1.4vh;
    width:43vmin;
    border-style:solid;
    margin-top:6.5px;
  }
  
  .custom-file-upload{
    cursor:pointer;
    display:block;margin-top:3px;
    margin-bottom:30px;
    /*color: #EAE7D3;*/
    color:#f2f2f2;
    background: rgb(161,0,196);
      background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(161,0,196,1) 100%);
      text-align: center;
    text-decoration: none;
    display: inline-block;
  
    font-size: 2vh;
    font-family: Helvetica, Arial, sans-serif;
    background-color: rgba(0,0,0,0);
    border-radius:2vmin;
    border-style:solid;
    padding:7px 3px;
    width:14.2vh;border-color: darkslateblue;
  }
  .choose_file{
    display:none;
  
  }
  
  .add_link{
    cursor:pointer;
    display:block;
  margin-top:8px;
    /*color: white;*/
    color:#f2f2f2;
    text-align: center;
    text-decoration: none;
    display: inline-block;
  
    font-size:1.4vh;
    font-family: Helvetica, Arial, sans-serif;
    background-color: rgba(0,0,0,0);
    border-radius:1.4vh;
    border-style:solid;
    padding:3px 2.2px;
    width:5.3vh;border-color: slateblue;
  }
  
  post_caption{
    color:#f2f2f2;
    font-size:2.2vh; 
    font-family: Helvetica, Arial, sans-serif;
    /*padding-right:20px;*/
    
    display:inline-block;
    width:90%;
  }
  post_tags{
    color:#3498DB;
    font-size:2.27vh;
    font-family: Helvetica, Arial, sans-serif;
    display:inline-block;
    font-weight:bold;
    width:90%;
    cursor:pointer;
  }
  post_date{
    color:#3498DB;
    font-size:2.57vh;
    font-family: Helvetica, Arial, sans-serif;
    display:inline-block;
  }
  
  #user_name{
    font-size: 2.57vh;
    border-radius:1.4vh;
    position:relative;
    width:47vw;
    border-style:solid;
  
  }
  
  .settings_info{
    color:#3498DB;
    font-size:2vh;
    display:inline-block;
    
    position:relative;
    width:90%;
    height:100%;
  }
  #delete_user_input{
    font-size: 2.57vh;
    border-radius:1.4vh;
    position:relative;
    width:47vw;
    border-style:solid;
  
    
  }
  .user_welcome_settings {
    
    position:relative;
    
    /*top: 3.5vh;*/
    top:20px;
    color:#EAE7D3;
  
  }
  
  #not_deleted{
    color:red;
    font-size:2.4vh;
  }
  
  .icon{
    position:relative;
    width:4vh;
    
    top:0.8vh;
  }
  }