@import url('https://fonts.cdnfonts.com/css/tara-2');
@import url('https://fonts.cdnfonts.com/css/zanily');
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy:ital@0;1&display=swap');

h1,h2,h3,h4,h5,h6 {
    margin-top: 0px;
    margin-bottom: 0px; 
    color: #00bc39;
    font-family: 'zanily', sans-serif, var(--font-family, sans-serif);
}

p {
  margin-top: 13px;
	margin-bottom: 13px;
  font-family: 'Sorts Mill Goudy', serif, var(-font-family, serif);
}

body, ul, ol, li, a, span, small, footer {
    font-family: 'Sorts Mill Goudy', serif, var(--font-family, serif);
    font-size: 15px;
    line-height: 1.5;
    color: #000;
}

.main-container {
  max-width: 1025px; /* o el ancho que quieras */
  margin: 0 auto; /* centra horizontalmente */
}

body {
    position: relative;
    font-size: 15px;
}

ul {
  margin: 15px;
	margin-bottom: 0px;
  padding: 0px;
}

li:hover {
    color: #00bc39;
}

a:link {
    color: #00bc39;
    text-decoration: underline;
}

p:hover {
    color:#00bc39;
}

a:hover {
    font-style: italic;
}

a:visited {
  color: #005b0b;
}

::selection {
  background: #0a0a0a;
  color: #00bc39;    
}
::-moz-selection {
  background: #0a0a0a;
  color: #00bc39;    
}

.box {
	background-color: white;
    width:500px;
    border: 2px dotted;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 15px;
    line-height: 1.3;
}

.writebox {
	background-color: white;
    width:500px;
    border: 2px dotted;
    padding: 15px 45px 15px 45px;
    margin-bottom: 15px;
    line-height: 1.5;
}

.shortbox {
	background-color: white;
    width:500px;
    border: 2px dotted;
    padding: 15px;
    margin-bottom: 15px;
    line-height: 1.3;
}

img {
  -webkit-user-drag: none;
  -webkit-user-drag: none;
  pointer-events: auto;
}

.parent {
	display: grid;
	grid-template-columns: 500px 200px;
	grid-template-rows: 1fr;
	grid-column-gap: 47px;
}
.text { grid-area: 1 / 1 / 2 / 2; }
.jump { grid-area: 1 / 2 / 2 / 3; }


@media only screen and (max-width: 500px) {
	.shortbox {
		width: 90%;
	}
	
	.box {
		width: 90%;
	}
	
	.writebox {
		width: 90%;
	}
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: white;
  border: 1.5px dotted;
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #00bc39; 
}

table, th, td {
  border: 1px solid;
  border-collapse: collapse;
  padding: 5px;
}

summary:hover {
    font-style: italic;
}

.track {
    font-weight: bold;
}

/*
thing {
}
*/