@import "normalize.css";@import "variables.css";@import "utilities.css";@import "typography.css";@import "header.css";@import "footer.css";@import "search.css";@import "blog.css";@import "gallery.css";@import "tags.css";@import "dropdown.css";@import "custom.css";body{font-family:var(--font-nav);word-wrap:break-word;background-color:var(--bg-color);color:var(--text-color);max-width:100em;font-size:1.5rem;margin:0 auto;padding:0 3rem;line-height:3rem;display:flex;min-height:100vh;flex-direction:column;overflow-y:scroll;direction:rtl}::selection{text-shadow:none;color:var(--text-color);background:var(--primary)}article{flex:1;margin-bottom:2rem}.highlight-handle{background:var(--text-color);border-radius:4px;color:var(--white);padding:4px 8px}.poem{font-family:var(--font-poem)}.text-center{text-align:center}pre{margin-bottom:0;margin-top:0;padding:20px}hr{border:0;height:1px;margin:2rem 0;background:var(--light-grey)}hr.subtle{background:var(--black)}pre,textarea{overflow:auto}img{margin:10px auto 10px auto;max-width:100%;display:block}a img{border:none}figure{margin:0;text-align:center}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.site-name{color:var(--text-color)}.row-content{display:flex;flex-direction:row}.row-content #column-1,.row-content #column-3{margin:5px;width:60%}.row-content #column-2,.row-content #column-4{width:40%;display:flex;justify-content:center;align-items:center}.row-content #column-2 .image-cover,.row-content #column-4 .image-cover{display:flex;flex-direction:column;justify-content:center;align-items:center}.row-content #column-2 .image-cover img,.row-content #column-4 .image-cover img{object-fit:cover;height:100vh;filter:brightness(.5)}.row-content #column-2 .image-cover span,.row-content #column-4 .image-cover span{color:var(--subtle-text);font-family:var(--font-poem)}.webring{display:grid;grid-template-columns:repeat(auto-fill, minmax(20rem, 1fr));gap:.5rem}.webring a img{width:100%}.matter:nth-child(2){flex:1}.matter ul{list-style:none;display:flex;justify-content:space-between}.matter ul a{font-size:1rem}.hero{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;border-radius:var(--border-radius);border-image:url("/alsaaleak.png") 100 repeat}.hero .content{text-align:center}.hero .content .title{font-family:var(--font-title);font-size:8rem;margin:0px}.hero .content .subtitle{font-size:5rem;font-family:var(--font-title);line-height:5rem;animation:rotatetitle 3s ease-in-out infinite;margin:10px}.hero .content .cta{font-weight:bold;border:2px solid;border-radius:.5rem;display:block;width:100%;position:relative;z-index:1;backdrop-filter:blur(5px)}.hero .content .cta:hover{background-color:var(--primary);color:var(--text-color);text-decoration:none}.send{text-align:center;margin-top:.5rem;width:100%}.send a{width:100%;border:1px solid var(--text-color-alt);padding:5px;display:block;border-radius:var(--border-radius);color:var(--text-color-alt)}.send a:hover{text-decoration:none;background-color:var(--text-color-alt);color:var(--text-color)}.view-all{text-align:center;margin-top:.5rem;width:100%}.view-all a{width:100%;border:1px solid;padding:5px;display:block;border-radius:var(--border-radius)}.view-all a:hover{text-decoration:none;background-color:var(--primary);color:var(--text-color)}figure{overflow:hidden}.list{display:flex;list-style:none;gap:10px;justify-content:space-around}.list li:hover{background-color:var(--primary);border-radius:30px;padding:3px;color:wheat}@keyframes rotatetitle{0%, 100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-20px) rotate(2deg)}}@media (min-width: 1400px){.row-content #column-1,.row-content #column-3{font-size:2.5rem;line-height:4rem}}@media (max-width: 1000px){.row-content{flex-direction:column}.row-content #column-1,.row-content #column-3{margin:5px;width:100%}.row-content #column-2,.row-content #column-4{width:100%}body{padding:0 2rem}}@media (max-width: 600px){body{padding:0 1rem;font-size:1.2rem;line-height:1.5rem}figure{overflow:hidden}figure iframe{width:100%}.row-content #column-2 .image-cover img,.row-content #column-4 .image-cover img{height:fit-content;object-fit:contain}.row-content #column-2 .image-cover span,.row-content #column-4 .image-cover span{text-align:center}h1{font-size:2.3rem}h2{font-size:1.9rem}h3{font-size:1.7rem}h4{font-size:1.55rem}h5{font-size:1.25rem}h6{font-size:1rem}.hero .content .title{font-size:4rem}.hero .content .subtitle{font-size:2rem;line-height:3rem}}