/* Google Fonts  */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Varela+Round&display=swap');

@font-face {
	font-family: 'share';
	src: url('data:application/octet-stream;base64,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') format('woff'),
		url('data:application/octet-stream;base64,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') format('truetype');
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "share";
	font-style: normal;
	font-weight: normal;
	speak: never;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: black;
}

.icon-share:before {
	content: '\e800';
}

.icon-print:before {
	content: '\e801';
}

.icon-gmail:before {
	content: '\e802';
}

.icon-heart-empty:before {
	content: '\e803';
}

.icon-up-open:before {
	content: '\e804';
}

.icon-shuffle:before {
	content: '\e805';
}

.icon-align-left:before {
	content: '\e806';
}

.icon-align-center:before {
	content: '\e807';
}

.icon-align-right:before {
	content: '\e808';
}

.icon-cancel:before {
	content: '\e809';
}

.icon-twitter:before {
	content: '\f099';
}

.icon-copy:before {
	content: '\f0c5';
}

.icon-doc-text:before {
	content: '\f0f6';
}

.icon-sun:before {
	content: '\f185';
}

.icon-moon:before {
	content: '\f186';
}

.icon-pinterest:before {
	content: '\f231';
}

.icon-whatsapp:before {
	content: '\f232';
}
/* base file */
*,
body,
html {
	box-sizing: border-box;
	font-family: 'Quicksand', sans-serif;
}

body,
html {
	padding: 0;
	margin: 0;
	line-height: 1.5;
}

body,
h1,
h2,
h3,
h4,
h5 {
	font-family: sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: 300;
}

h2 {
	color: #7b7b7b;
	width: 100%;
	font-size: 17px;
	margin: 0;
	text-align: left;
	padding: 10px 5px;
	border-radius: 10px;
	font-weight: 600;
}

h4 {
	backface-visibility: hidden;
	margin: 0;
	padding: 10px;
	color: #777;
	text-align: left;
	float: left;
	width: 100%;
}

h1 {
	font-family: sans-serif;
	color: #fff;
	float: left;
	margin: auto;
	font-weight: 800;
	font-size: 36px;
	text-align: center;
}

body {
	padding: 0;
	float: left;
	width: 100%;
	background: #e8f0ec;
	font-weight: 400;
}

a {
	text-decoration: none;
}

input::placeholder {
	color: #888;
	opacity: 1;
}

::-webkit-scrollbar {
	width: 2px;
	height: 2px;
}

::-webkit-scrollbar-track {
	background: #f9f9f9;
}

::-webkit-scrollbar-thumb {
	background: #405de6;
}

/* Layout */
.containers {
	width: 100%;
	margin: 0 auto;
	float: right;
	position: relative;
	text-align: center;
}

.container {
	width: 90%;
	float: left;
}

.mains {
	width: 90%;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 5px;
}

.ads {
	display: table !important;
	margin: 2px 0 !important;
	clear: both;
	width: 100% !important;
	float: left;
}

.ads-sec {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
}

/* Header */
header {
	width: 100%;
	margin: 0;
	    background: #5C258D;
    background: -webkit-linear-gradient(to right, #4389A2, #5C258D);
    background: linear-gradient(to right, #4389A2, #5C258D);
	border-bottom: none;
	float: left;
	position: relative;
}

header .container {
	padding: 5px 8px;
}

header h2 {
	padding: 0;
}

header h2 a {
	color: #fff;
	font-size: 30px;
	float: left;
	font-weight: 600;
}

header p {
	text-align: left;
	float: left;
	color: #d2d2d2;
	margin: 0;
	letter-spacing: .3px;
}

/* Dark mode toggle */
#dark-toggle {
	position: absolute;
	right: 10%;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: 1px solid #ccc;
	border-radius: 20px;
	padding: 4px 10px;
	cursor: pointer;
	font-size: 16px;
}

body.dark #dark-toggle {
	border-color: #555;
}

/* Dark mode */
body.dark {
	background: #1a1a2e;
	color: #e0e0e0;
}

body.dark header {
	background: #16213e;
}

body.dark .containers,
body.dark .mytext {
	background: #16213e;
	border-color: #333;
}

body.dark textarea {
	background: #0f3460;
	color: #818181;
}
body.dark .header-edit{
	background: #2a3a5c;
}

body.dark a {
	color: #a0c4ff;
}
/* Dark mode — font cards */
body.dark .recentfontslist {
    background: #1e2a45;
    border-color: #2a3a5c;
    box-shadow: none;
}

body.dark .recentfontslist p {
    background: #1e2a45;
    color: #e8e8ff;
}

body.dark .recentfontslist:hover {
    background: #253354;
    box-shadow: 0 6px 8px rgba(0,0,0,0.4);
}

body.dark .recentfontslistlist h2 {
    color: #7a8bb5;
    border-bottom-color: #2a3a5c;
}

body.dark .font-char-count {
    color: #5a6a8a;
}

body.dark .recentfontslist .edit-btn {
    color: #a0b4d0;
}

body.dark #random-cloud div {
    color: #c0ccee;
}

body.dark .font-resize button {
    background: #1e2a45;
    border-color: #2a3a5c;
    color: #c0ccee;
}

body.dark .font-resize button:hover {
    background: #456FE8;
    color: #fff;
}

body.dark .copy-toast {
    background: linear-gradient(90deg, #1e3a7a, #1a6a9a);
}

body.dark .bookmarks-top {
    background: #16213e;
}

body.dark .bookmarks-top a {
    color: #a0c4ff;
}

body.dark .settings-share {
    background: #13192d;
    border-color: #2a3a5c;
}

body.dark .random-text {
    background: transparent;
}
body.dark #bio-ideas-modal {
  background: #1a1a2e;
  color: #e0e0e0;
}
body.dark #bio-ideas-header {
  border-color: #2a3a5c;
}
body.dark #bio-ideas-cats {
  border-color: #2a3a5c;
}
body.dark .bio-cat-btn {
  background: #1e2a45;
  border-color: #2a3a5c;
  color: #c0ccee;
}
body.dark .bio-item {
  background: #1e2a45;
  border-color: #2a3a5c;
  color: #c0ccee;
}
body.dark .bio-item:hover {
  background: #253354;
  border-color: #456fe8;
}
body.dark #bio-ideas-close {
  color: #666;
}
    /* Dark mode edithmtl */
body.dark { background: #1a1a2e; color: #e0e0e0; }
body.dark header { background: #16213e; }
body.dark .card {
    background: #1e2a45;
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}
body.dark .card:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.4); }
body.dark #textInput {
    background: #0f3460;
    color: #e0e0e0;
    border-color: #2a3a5c;
}
body.dark #textInput:focus { border-color: #456FE8; }
body.dark #textInput::placeholder { color: #5a6a8a; }
body.dark .category-buttons button {
    background: #1e2a45;
    color: #c0ccee;
    border: 1px solid #2a3a5c;
}
body.dark .category-buttons button:hover { background: #253354; }
body.dark .category-buttons button.active {
    background: #456FE8;
    color: #fff;
}
body.dark .decoration-grid button {
    background: #1e2a45;
    border-color: #2a3a5c;
    color: #e0e0e0;
}
body.dark .decoration-grid button:hover { background: #253354; }
body.dark .decoration-grid button.active {
    border-color: #456FE8;
    background: #1a2a5e;
}
body.dark .placement-btn {
    background: #1e2a45;
    border-color: #2a3a5c;
    color: #c0ccee;
}
body.dark .placement-btn:hover { background: #253354; border-color: #456FE8; }
body.dark .placement-btn.active {
    background: #456FE8;
    color: #fff;
    border-color: #456FE8;
}
body.dark .placement-label { color: #8898b8; }
body.dark .category-buttons { border-color: #2a3a5c; }
body.dark .copy-btn { background: #2e7d32; }
body.dark .copy-btn:hover { background: #388e3c; }
body.dark .download-btn { background: #1565c0; }
body.dark .download-btn:hover { background: #1976d2; }
body.dark footer { color: #6a7a9a; }
body.dark .copyright-area a { color: #a0c4ff; }
body.dark #back { color: #a0c4ff; }
body.dark #back svg path { fill: #a0c4ff; }

/* Bio Ideas button */
#bio-ideas-btn {
    display: flex;
    margin: 6px auto;
    padding: 7px 24px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 20px;
    cursor: pointer;
    color: #444;
    transition: all 0.15s;
}
#bio-ideas-btn:hover { background: #456FE8; color: #fff; border-color: #456FE8; }

/* Bio Ideas modal */
#bio-ideas-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}
#bio-ideas-modal {
  background: #fff;
  border-radius: 16px;
  width: 92%;
  max-width: 480px;
  max-height: 80vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 32px rgba(0,0,0,0.25);
}
#bio-ideas-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #eee;
}
#bio-ideas-close {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: #888;
  padding: 2px 6px;
}
#bio-ideas-cats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
}
.bio-cat-btn {
  padding: 5px 12px;
  border: 1px solid #ddd;
  border-radius: 20px;
  background: #f5f5f5;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.15s;
}
.bio-cat-btn.active, .bio-cat-btn:hover {
  background: #456FE8;
  color: #fff;
  border-color: #456FE8;
}
#bio-ideas-list {
  overflow-y: auto;
  padding: 10px 16px 16px;
  flex: 1;
}
.bio-item {
  padding: 12px 14px;
  border: 1px solid #eee;
  border-radius: 10px;
  margin-bottom: 8px;
  cursor: pointer;
  font-size: 15px;
  line-height: 1.5;
  transition: all 0.15s;
  color: #333;
}
.bio-item:hover {
  background: #f0eeff;
  border-color: #456FE8;
  color: #456FE8;
}
#mytext,
.links,
.recentfontslist {
	background: #fff;
}
span#mobile-fly-menu {
    border: none;
    background: transparent;
    color: #fff;
    padding: 8px 5px;
    font-size: 25px;
    position: absolute;
    right: 10px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}
span#mobile-fly-menu:hover {
	background: #dadada;
	color: #000;
	border-radius: 5px;
}
/* Side menu */
.menusection {
	width: 33%;
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	box-shadow: 8px 0 17px 0 #000;
	padding: 4px;
	display: none;
	    background: #5C258D;
    background: -webkit-linear-gradient(to right, #4389A2, #5C258D);
    background: linear-gradient(to right, #4389A2, #5C258D);
	z-index: 9999;
	float: left;
	text-align: center;
}

.menusection img {
	width: 260px;
	height: auto;
}

.menusection h2 a {
	font-size: 30px;
	margin: 0 0 3px;
	text-align: center;
}

.menusection .close {
	position: absolute;
	left: -45px;
	top: 10px;
	font-size: 18px;
	padding: 10px 17px;
	border: none;
	background: #13d213;
	color: #fff;
	border-radius: 0 3px 3px 0;
	cursor: pointer;
	z-index: 3;
}

.menusection .bookmarks a {
	color: #ffffffb5;
}

.bookmarks {
	padding: 5px;
	width: 100%;
	overflow-y: scroll;
	height: 90%;
	float: left;
}
.bookmarks h2 {
    color: white;
    font-size: 24px;
    padding: 5px 0px;
}

.bookmarks h3 {
	text-align: left;
	padding: 10px 5px;
	margin: 0;
	text-transform: uppercase;
}

.bookmarks a {
	width: 100%;
	text-align: left;
	color: #4682b4;
	padding: 8px 10px;
	border-radius: 6px;
	font-size: 17px;
	float: left;
	text-transform: uppercase;
	font-family: sans-serif;
}

.bookmarks a:hover,
.menusection .bookmarks a:hover {
	background: #05a82e;
	color: #fff;
}

#random-cloud div:hover,
.menusection .bookmarks a:hover {
	background: #fff;
	color: #000;
}

/* Nav bookmarks */
.bookmarks-top {
	display: flex;
	width: 100%;
	overflow: auto;
	white-space: nowrap;
	scrollbar-width: none;
	    background: #5C258D;
    background: -webkit-linear-gradient(to right, #4389A2, #5C258D);
    background: linear-gradient(to right, #4389A2, #5C258D);
	padding: 5px;
}

.bookmarks-top h3 {
	margin: 2px 6px 2px 2px;
	text-transform: capitalize;
	font-weight: 600;
	padding: 2px 10px;
}

.bookmarks-top a {
	flex: 0 0 auto;
	margin: 2px;
	background: transparent;
	color: #fff;
	font-size: 19px;
	text-transform: capitalize;
	padding: 4px 10px;
	margin-right: 6px;
	border-radius: 0;
	display: inline-block;
	transition: all .2s ease-in-out;
	text-decoration: none;
}

.bookmarks-top a:hover {
	background: #333;
	color: #fff;
}

.bookmarks-2 {
	width: 100%;
	float: left;
	margin-right: 3%;
}

.bookmarks-2 h3 {
	margin: 10px 0;
	color: #6b6b6b;
}

.bookmarks-2 a {
	margin: 5px 0;
	background: #c6d2e2;
	color: #000;
	text-align: left;
	display: inline-block;
	padding: 7px 14px;
	border-radius: 10px;
	transition: all .2s ease-in-out;
	text-decoration: none;
	font-size: 17px;
	text-transform: uppercase;
	font-family: sans-serif;
}

.bookmarks-2 a:hover {
	background: #333;
	color: #fff;
}

/* Textarea / Input */
.mytext {
	width: 100%;
	padding: 5px 0 3px 0;
	float: left;
	position: relative;
}

.mytext .containers {
	float: none;
	width: 90%;
}

#mytext {
	width: 100%;
	height: 80px;
	padding: 15px;
	outline: 0;
	box-sizing: border-box;
	border: 2px solid #083766;
	border-radius: 30px;
	margin: auto;
	display: block;
	background: #fff;
	font-size: 18px;
	font-size: 22px;
	resize: none;
	text-align: center;
	font-weight: 400;
}

textarea#mytext::placeholder {
	font-size: 17px;
}

#mytext::placeholder {
	color: #999;
	font-size: 18px;
	transition: opacity .4s ease;
}

#mytext.placeholder-fade::placeholder {
	opacity: 0;
}

.mytext .clear {
	border-radius: 50%;
	position: absolute;
	right: 2%;
	color: black;
	font-size: 18px;
	background: #e2e2e2;
	border: none;
	z-index: 999;
	cursor: pointer;
	top: 12px;
	outline: 0;
	height: 35px;
	width: 35px;
}

.mytext .clear:hover {
	color: #000;
}

.mytext p {
	font-size: 12px;
	padding: 0;
	margin: 5px 0 0;
	color: #777;
	text-transform: uppercase;
}

span.header-edit {
	position: absolute;
	left: 0;
	height: 80px;
	display: flex;
	align-items: center;
	padding: 20px;
	border-radius: 30px 0 0 30px;
	color: #fff;
	background: black;
	font-size: 25px;
}

.fix.fixedtop {
	position: fixed !important;
	top: 0;
	right: 0;
	left: 0;
	z-index: 999999;
	margin: auto;
}

.containers.fix.fixedtop #mytext {
	background: #fff;
}

/* Char counter  */
#char-counter {
    display: block;
    text-align: right;
    font-size: 13px;
    color: #999;
    margin-top: 4px;
    position: absolute;
    left: 75px;
    bottom: 2px;
}

#char-counter.warn {
	color: #e67e22;
}

#char-counter.over {
	color: #e74c3c;
}

.font-char-count {
    font-size: 11px;
    color: #aaa;
    float: left;
    margin-top: -18px;
    padding-right: 4px;
    position: absolute;
    bottom: 0;
    left: 25px;
}

/* Random text cloud */
.random-text {
	font-family: Arial Unicode MS, lucida grande, tahoma, verdana, arial, sans-serif;
	height: 120px;
	border-top: none;
	border-bottom: none;
	position: relative;
	width: 100%;
	overflow: auto;
	text-align: center;
	margin-top: 10px;
	float: left;
}

#random-cloud div {
	display: inline-block;
	padding: 10px;
	border-radius: 10px;
	cursor: pointer;
	border: 1px solid transparent;
	color: #444;
	transition: opacity .5s ease-in-out;
	animation: fadeSlide 7s infinite;
	opacity: 0;
	margin: 4px;
}

#random-cloud div:hover {
	background: #fff;
	color: #000;
	border: 1px solid #ececec;
}

#random-cloud button {
	top: -5px !important;
	right: -15px !important;
	padding: 3px 8px !important;
}

#random-cloud .size5 {
	font-size: 22px;
}

#random-cloud .size4 {
	font-size: 19px;
}

#random-cloud .size3 {
	font-size: 16px;
}

#random-cloud .size2 {
	font-size: 14px;
}

#random-cloud .size1 {
	font-size: 13px;
}

#random-cloud div:nth-child(1) {
	animation-delay: 0s;
}

#random-cloud div:nth-child(2) {
	animation-delay: .1s;
}

#random-cloud div:nth-child(3) {
	animation-delay: .2s;
}

#random-cloud div:nth-child(4) {
	animation-delay: .3s;
}

#random-cloud div:nth-child(5) {
	animation-delay: .4s;
}

#random-cloud div:nth-child(6) {
	animation-delay: .6s;
}

@keyframes fadeSlide {

	0%,
	90% {
		opacity: 0;
		transform: translateY(20px);
	}

	10%,
	80% {
		opacity: 1;
		transform: translateY(0);
	};
}

.randomgen {
	display: block;
	float: right;
	background: #fff;
	bottom: auto;
	position: sticky;
	top: 0;
	right: 0;
	color: #8e8e8e;
	font-size: 20px;
	border: none;
	outline: 0;
	cursor: pointer;
	padding: 7px 10px;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .21);
	border-radius: 2px;
	z-index: 999;
}

.randomgen i {
	color: black;
}

.randomgen:hover {
	color: #fff;
	background: grey;
}

.randomgen:hover i {
	color: #fff;
}

/* font resize */
.font-resize {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 0;
	z-index: 9;
	display: flex;
	align-items: center;
}
.font-resize input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 140px;
    height: 4px;
    border-radius: 10px;
    outline: none;
    cursor: pointer;
	background: #5C258D;
    background: -webkit-linear-gradient(to right, #4389A2, #5C258D);
    background: linear-gradient(to right, #4389A2, #5C258D);
}
.font-resize input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: #5C258D;
    background: -webkit-linear-gradient(to right, #4389A2, #5C258D);
    background: linear-gradient(to right, #4389A2, #5C258D);
	cursor: pointer
}

.font-resize input[type="range"]::-moz-range-thumb {
	width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #5C258D;
    background: -webkit-linear-gradient(to right, #4389A2, #5C258D);
    background: linear-gradient(to right, #4389A2, #5C258D);
    cursor: pointer
}

.font-resize input[type="range"]::-moz-range-track {
    height: 8px;
    border-radius: 10px;
    background: #5C258D;
    background: -webkit-linear-gradient(to right, #4389A2, #5C258D);
    background: linear-gradient(to right, #4389A2, #5C258D);
}
.font-resize button {
	background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    color: #333;
    transition: background 0.15s;
}
        .font-resize button:active {
            transform: translate(0, 0);
            box-shadow: none;
            background: #fff;
            color: #fff
        }s
.font-resize button:hover {
    background: #456FE8;
    color: #fff;
    border-color: #456FE8;
}

/* Font rows */
.recentfontslistmain {
	position: relative;
	float: left;
	width: 100%;
}
.recentfontslist::before {
    content: attr(data-name);
    display: block;
    margin-bottom: 8px;
    position: absolute;
    top: 0;
    right: 10px;
	opacity: 0.5;
}
.recentfontslistlist {
	display: block;
	float: left;
	text-align: left;
	width: 100%;
	position: relative;
}

.recentfontslist {
    cursor: pointer;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    float: left;
    width: 100%;
    text-align: right;
    background: #5C258D;
    background: -webkit-linear-gradient(to right, #4389A2, #5C258D);
    background: linear-gradient(to right, #4389A2, #5C258D);
    margin: 8px 0;
    border-radius: 20px;
    display: flex;
    align-items: center;
    background: #fff;
    border: 2px solid #ececec;
}

.recentfontslist:hover {
	border-color: #3e5b9b1f;
	box-shadow: 0 6px 24px rgba(56, 168, 120, 0.12);
	transform: translateY(-3px);
}

.recentfontslist p {
    margin: 0;
    padding: 12px 0 18px 20px;
    font-size: 22px;
    text-align: left;
    overflow: auto;
    width: 96%;
    border-radius: 20px;
    background: #fff;
    border: 1px solid transparent;
}

.recentfontslist .edit-btn {
    position: absolute;
    right: 10px;
    border: none;
    background: transparent;
    font-size: 18px;
    padding: 7px;
    cursor: pointer;
    color: #fff;
    border-radius: 5px;
    float: right;
    bottom: 5px;
}

.recentfontslist button {
	position: absolute;
	top: 5px;
	right: 0;
	background: #fff;
	border: 1px solid #3e5b9b1f;
	color: #444;
	font-size: 13px;
	padding: 2px 10px;
	border-radius: 50px;
	font-variant-caps: all-small-caps;
	letter-spacing: 1px;
	transition: margin-right .3s cubic-bezier(.23, 1, .32, 1);
}

.recentfontslist div {
	padding: 0;
}

/* Grid view (.recentfonts) */
.recentfonts {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	display: block;
	float: left;
	text-align: left;
	position: relative;
}

.recentfonts .recentfontslist {
	float: none;
	display: flex;
	padding: 20px 0 4px 0;
	flex-grow: 1;
	overflow: auto;
	width: 220px;
	margin: 5px;
}

.recentfonts .recentfontslist p {
	text-align: center;
	width: 100%;
}

/* Popup */
.popup {
	display: none;
	position: fixed;
	top: 90%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0px 6px 7px 4px #28282833;
	z-index: 1000;
	border-radius: 10px;
	width: 300px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

.popup p {
	margin: 0;
	padding: 5px;
}

.share-options {
	margin-top: 10px;
}

/* Infinite scroll loader */
.page-load-status {
	float: left;
	width: 100%;
	text-align: center;
	color: #3b3b3b;
}

.aload {
	font-size: 20px;
	width: 4em;
	height: 1em;
	margin: 15px auto;
	position: relative;
}

.aload span {
	display: block;
	width: 1em;
	height: 1em;
	background: #000;
	border: solid 2px #ffffff78;
	position: absolute;
	animation-duration: .5s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}

.aload span:first-child,
.aload span:nth-child(2) {
	left: 0;
}

.aload span:nth-child(3) {
	left: 1.5em;
}

.aload span:nth-child(4) {
	left: 3em;
	animation-name: reveal;
	animation-direction: reverse;
}

.aload span:first-child {
	animation-name: reveal;
}

.aload span:nth-child(2),
.aload span:nth-child(3) {
	animation-name: slide;
}

@keyframes reveal {
	from {
		transform: scale(.001);
	}

	to {
		transform: scale(1);
	};
}

@keyframes slide {
	to {
		transform: translateX(1.5em);
	};
}

.infinite-scroll-last {
	font-size: 20px;
	margin: 2px 0;
	padding: 2px 0;
}

a.aryapage-next {
	visibility: hidden;
}

p.aryapage {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#load-more {
	font-size: 17px;
	padding: 10px 55px;
	border: 1px solid #dcdcdc;
	color: #444;
	margin: 10px 0 5px;
	cursor: pointer;
	background: #e3e3e3;
	outline: 0;
	border-radius: 10px;
	text-align: center;
}

#load-more:hover {
	background: #f1f1f1;
	color: #000;
}

p.loadmore {
	clear: both;
	margin-bottom: 0;
	float: left;
	width: 100%;
	text-align: center;
}

/* Scroll to top */
#scroll {
	display: none;
	position: fixed;
	bottom: 17%;
	right: 0;
	background: #fff;
	z-index: 9;
	color: #8e8e8e;
	font-size: 20px;
	border: none;
	outline: 0;
	cursor: pointer;
	padding: 11px;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .21);
	border-radius: 2px;
}

#scroll:hover {
	color: #fff;
	background: grey;
}

#scroll i {
	color: black;
}

#scroll:hover i {
	color: #fff;
}

/* Links */
.links {
	background: transparent;
	display: block;
	margin: 10px 0;
	text-align: left;
	float: left;
	width: 100%;
}

.links a {
	background: #fff;
	font-size: 18px;
	cursor: pointer;
	justify-content: center;
	padding: 7px 13px;
	display: inline-block;
	margin: 5px 0;
	border-radius: 10px;
	color: black !important;
	text-align: left;
	border: 1px solid #b5b5b5;
	text-transform: capitalize;
	border-radius: 3px;
	text-align: center;
}

.links a:hover,
.links a {
	color: #444;
}

.links a:hover {
	background: #000;
	color: #fff !important;
}

/* Footer */
footer {
	float: left;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-bottom: 50px;
	text-align: center;
}

footer a,
footer {
	color: #444;
}

footer h2,
footer h3,
footer h4 {
	color: black;
	text-transform: capitalize;
	font-size: 23px;
}

footer h1 {
	color: black;
	text-align: center;
	font-size: 26px;
	display: block;
	width: 100%;
	margin: 20px auto;
}
.image-box {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.image {
    flex: 0 0 40%;
}
.image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
    display: block;
    border: none;
}
.textofimage {
    flex: 0 0 60%;
    padding-right: 10px;
}
footer img {
	max-width: 80%;
	border: 2px solid #fff;
	height: auto;
}

footer .containers {
	float: none;
}

.copyright-area {
	color: #444;
}

.data {
	width: 90%;
	margin: auto;
	color: black;
	text-align: left;
}

.data p {
	font-size: 17px;
}

.data li {
	line-height: 2;
	font-size: 17px;
}

.data h2,
.data h3,
.data h4 {
	padding-left: 0;
}

.description p {
	font-size: 18px;
	text-align: center;
}

/* Font size slider */
.slider {
	-webkit-appearance: none;
	width: 220px;
	height: 2px;
	background: black;
	outline: 0;
	border-radius: 3px;
	margin-left: 10px;
}

.slider:hover {
	opacity: 1;
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	background: #f1f1f1;
	cursor: pointer;
	border-radius: 50%;
	box-shadow: 1px 2px 4px 0 #000;
}

.slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	background: #f1f1f1;
	cursor: pointer;
	border-radius: 50%;
	box-shadow: 1px 2px 4px 0 #000;
}

.font-size {
	padding: 5px;
	float: right;
}

.font-size span {
	text-transform: uppercase;
	color: #ffffff82;
	font-size: 13px;
}

/* Settings */
.settings input {
	box-shadow: none;
	cursor: pointer;
	padding: 2px;
	width: 200px;
}

.cats {
	float: left;
}

.cats a {
	width: auto;
	font-size: 14px;
	border: 1px solid;
	margin: 4px 3px;
	color: #fff;
	background: darkgreen;
	display: inline-block;
}

.top-link a {
	display: inline-block;
	border-radius: 3px;
	color: #444;
	padding: 5px 10px;
	margin: 7px 2px;
}

p.other-platform img {
	width: auto;
	height: 90px;
}

img.example {
	width: 320px;
}

.blurred-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	z-index: 999999;
	display: none;
}

#loader {
	border: 16px solid #faf0ff;
	border-top: 16px solid #3a22bc;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 25%;
	left: 50px;
	z-index: 999;
	animation: .5s linear infinite spin;
}

@keyframes spin {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	};
}

span.copied-message {
	display: block;
	font-size: 15px;
	color: #444;
	text-align: center;
}

/* Accordion ─── */
p.accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 14px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: .4s;
	margin-bottom: 10px;
}

p.accordion.active,
p.accordion:hover {
	background-color: #ddd;
}

p.accordion:after {
	content: '\2795';
	font-size: 13px;
	color: #777;
	float: right;
	margin-left: 5px;
}

p.accordion.active:after {
	content: '\2796';
}

div.panel {
	max-height: 0;
	overflow: hidden;
	transition: .4s ease-in-out;
	opacity: 0;
	margin-bottom: 10px;
}

div.panel.show {
	opacity: 1;
	max-height: 500px;
}
/* copy toast */
.copy-toast {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
      background: #5C258D;
    background: -webkit-linear-gradient(to right, #4389A2, #5C258D);
    background: linear-gradient(to right, #4389A2, #5C258D);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 0 0 20px 20px;
  text-align: center;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 10;
}
.copy-toast span {
  font-weight: 400;
  opacity: 0.9;
}
.copy-toast--show {
  opacity: 1;
  transform: translateY(0);
}


/* Responsive: 970px */
@media only screen and (max-width:970px) {
	.mytext .containers {
		width: 95%;
		margin: auto 2.5%;
	}

	.menusection {
		width: 42%;
	}

	.separator,
	.share input {
		display: none;
	}

	.leftsection {
		width: 75%;
	}

	#mytext, .mytext{
		width: 100%;
		height: 65px;
		font-size: 20px;
	}
	span.header-edit{
		height: 65px;
	}
	#char-counter{
	font-size: 11px;
	}

	.bookmarks-2 {
		padding: 2px 0;
		width: 100%;
		overflow: auto;
		margin-bottom: 15px;
	}

	.containers {
		width: 100%;
	}

	.mains {
		width: 95%;
		float: left;
		margin: auto 2.5%;
	}

	.mytext {
		margin-bottom: 0;
		padding-bottom: 2px;
		left: 0;
		right: 0;
		border: none;
		height: auto;
	}

	nav a {
		font-size: 14px;
	}

	.rightside {
		margin-left: 0;
	}

	footer img {
		max-width: 90% !important;
	};
}

/* Responsive: 630px */
@media only screen and (max-width:630px) {

	header .container {
		padding: 5px 0;
	}

	body {
		background-size: 80%;
	}

	.fix.fixedtop {
		position: unset !important;
	}
#mytext, .mytext {
    font-size: 18px;
}
span.header-edit {
    padding: 15px;
}
	.mytext {
		position: fixed;
		bottom: 0;
		z-index: 99;
		padding: 0;
	}

	#scroll {
		bottom: 25%;
	}
#dark-toggle {
    right: 13%;
}
	header h2 a {
		font-size: 24px;
	}

	h2 span {
		font-size: 30px;
	}

	.recentfonts .recentfontslist {
		width: 100%;
	}

	.mytext .containers,
	.container {
		width: 100%;
		margin: auto;
	}

	a.icon-share {
		display: none;
	}

	.resp-sharing-button {
		font-size: 16px;
	}

	#mobile-fly-menu {
		top: 5px;
	}

	#mobile-fly-menu span {
		left: 8px;
	}

	.bookmarks-2 a {
		font-size: 15px;
	}

	.data {
		width: 100%;
	}

	#random-cloud,
	header {
		border: none;
	}

	.containers,
	body {
		width: 100%;
	}

	footer {
		padding-bottom: 85px;
	}
	.image-box {
    flex-direction: column;
    gap: 20px;
}
.image-box, .textofimage {
    flex: 0 0 100%;
}

	.menusection {
		width: 70%;
	}

	.resp-sharing-button__link {
		margin: 2px;
		float: left;
	}

	.recentfontslistmain,
	.mains {
		padding: 2px;
		width: 100%;
		margin: auto;
	}

	.random-text {
		height: 145px;
		margin: 0;
		padding: 0;
		padding-top: 5px;
		bottom: 0;
	}

	.recentfontslist {
		width: 100%;
		display: block;
	}

	.recentfontslist p {
		width: 100%;
	}
	#scroll {
		padding: 10px;
	}

	h1 {
		font-size: 1.9em;
	}

	footer h2 {
		font-size: 1.4em;
	}

	.recentfontslistlist h2 {
		font-size: 18px;
		margin: 0;
	}

	.share {
		margin-left: 10px;
		padding-top: 7px;
	}

	footer img {
		max-width: 100% !important;
		height: auto;
	}

	p.copied {
		width: 50%;
	};
}