@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
    /* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; */
    font-family: "IBM Plex Mono", monospace;
    color: antiquewhite;
    background-color: #000000;
    /*background: repeating-linear-gradient(
        to bottom,
        lime,
        black 20px,
        blue 20px,
        lime 22px
      );*/
    max-width: 40%;
    margin: 20px;
    /*change for other screens*/
    /* padding-left: 340px;
    padding-right: 340px; */

}


/* .mainContainer {
    display: flex;
    align-items: center;
    justify-content: center;
} */

.menu {
    display: flex;
    justify-content: left;
    margin-block-start: 0em;
    text-align: left;
    list-style-type: none;
}

.menu a {
    font-size: 25px;
    text-decoration: none;
}

.menu a[id="2"] {
	font-size: 15px;
}

.column {
    flex-direction: column;
}

/* .mainContainer div {
    margin: 6px;
} */


.entries a {
    color: #4e63ba;
    text-decoration: none;
}

.nolink, .nolink h2, .nolink p {
    text-decoration: none;
    color: antiquewhite;
}

a {
    color: rgb(207, 207, 207);
}

a:hover {
    color: rgb(255, 255, 255);
}

.men {
    font-size: 25px;
}

#body-title {
    font-size: 50px;
}


details > summary {
    list-style: none;
}


.form {
    display: flex;
    flex-direction: column;
}

.input-conj {
    display: flex;
}

#email, #color, textarea {
    border: none;
    outline: none;
    width: 100%;
    height: 30px;
}

textarea {
    height: 100px;
}

hr {
    border-color: rgb(56, 56, 56);
}

.qwerty {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 300px;
    height: 300px;
    /* background-image: url("https://media.discordapp.net/attachments/1356853402184712445/1356853815143432243/3315316342_efee1525c4_o.webp?ex=67ee1416&is=67ecc296&hm=f311b4d977632378344ffacb738e49f0df8e792327a856e9f3186cd9615821f6&=&animated=true&width=270&height=270"); */
    background-repeat: no-repeat;
}

#fuckyoudiv {
	height: 350px;
}

input[type = "submit"] {
    height: 40px;
    color: black;
    background-color: antiquewhite;
    outline: none;
    font-family: "IBM Plex Mono";
    font-size: 20px;
    border: 3px black solid;
}

.codeblock {
	min-height: 20px;
	border: #FFFFFF 1px solid;
	padding: 25px;
	margin: 25px;
	font-family: monospace;
	}


.image-container {
	display: flex;
	flex-direction: column;
}

.image-container img {
	width: 500px;
}

/* epilepsia 90 inicio*/
.epilepi {
	animation-name: epilepsia;
	animation-duration: 0.1s;
	animation-iteration-count: infinite;
}


@keyframes epilepsia {
	0% {color: #fff; }
	25%  {color: #f00; }
	50%  { color: #00f; }
	60%  { color: #f0f; }
	75%  { color: #0f0; }
	100%  { color: #fff; }
}
/* epilepcia 90 fin*/


#post img {
	width: 100%;
}

@media (max-width: 1000px) {
    body {
        max-width: 100%;
    }

    .mainContainer {
        flex-direction: column-reverse;
    }

    .image-container img, img {
    	width: 90%;
    }
}