@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap";*{box-sizing:border-box;margin:0;padding:0;--bg-color-1: #232323;--bg-color-2: #000000;--bg-color-3: #161616;--font-color-1: #e8e8e8;--font-color-2: #339CFF;--font-color-3: #b7b7b7;font-family:Lora}body{background-color:var(--bg-color-1);color:var(--font-color-1)}#root{min-height:100vh}a{text-decoration:none;color:var(--font-color-2)}a:hover{text-decoration:underline}.hide{display:none;pointer-events:none}.icon-container{position:sticky;top:0;z-index:15;height:0}.icon-container .icon{position:relative;max-width:48px;max-height:48px;left:.5em;top:.5em;cursor:pointer;font-size:56px;display:flex;align-items:center;transition:color ease .3s}@media (width < 900px){.icon-container .icon{top:.3em;left:.3em}}.icon:hover{color:var(--font-color-2)}header{width:100%;height:100%;position:fixed;background-color:var(--bg-color-1);color:var(--font-color-1);padding-top:1em;padding-bottom:1em;transition:all ease .5s;z-index:10;overflow:visible}header.collapsed{opacity:0;pointer-events:none}header .menu{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}header .menu hr{color:var(--font-color-1);width:20%;margin-top:1em;margin-bottom:1em;transition:all ease 1s}@media (width < 900px){header .menu hr{width:60%}}header.collapsed .menu hr{opacity:0;width:0}header .menu h1{display:flex;align-items:center;justify-content:space-between;text-align:center}header .menu nav{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;transition:all ease .3s}header .menu nav a{text-align:center;font-size:28px;display:block;padding:10px;transition:all ease .3s;color:var(--font-color-1)}header .menu nav a:hover{text-decoration:none;box-shadow:7px 7px var(--font-color-1)}header .menu .contact{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:1em}.socials{display:flex;justify-content:space-around;align-items:center;width:15em;transition:all ease .3s;margin-top:1em}.socials a{font-size:42px;display:flex;align-items:center;transition:all .3s ease;color:var(--font-color-1)}.socials a:hover{cursor:pointer;color:var(--font-color-2)}.home-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:85vh}@media (width < 1400px){.home-wrapper{margin-top:1em;height:auto}}.post-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--font-color-1);gap:1em}.single{margin-top:1em;margin-bottom:1em;min-height:80vh}.post-wrapper .meta{width:100%}.post-wrapper .meta .title{width:100%;text-align:center}.post-wrapper .meta .date{width:100%;opacity:50%;font-style:italic;text-align:center}.post-wrapper .body{width:40%;text-align:left;display:flex;flex-direction:column;gap:1em}@media (width < 1300px){.post-wrapper .body{width:80%;padding:1em}}@media (width < 900px){.post-wrapper .body{width:100%;padding:1em}}.post-wrapper .body ul,.post-wrapper .body ol{padding-left:2em;margin-left:0;box-sizing:border-box}.posts-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:2em;margin-top:1em;margin-bottom:1em}@media (width < 900px){.posts-wrapper{justify-content:center}}.post-view{background-color:var(--bg-color-2);transition:all ease .3s;border-radius:1rem;border:solid 1px var(--font-color-3);padding:.5rem;width:50%;text-align:center}.post-view a:hover{text-decoration:none!important}.post-view:hover{background-color:var(--bg-color-3)}.post-view p{margin-top:.5rem;margin-bottom:.5rem}.others-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;width:100%;height:100vh;gap:1em}.others-wrapper h1{text-align:center}@media (width < 900px){.others-wrapper h1{font-size:24px}}.form-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100vh;gap:1em}.form-wrapper p{width:30%;display:flex;justify-content:center;align-items:center}@media (width < 900px){.form-wrapper p{width:90%}}.form-wrapper .error{color:red}.form-wrapper .success{color:green}.form-wrapper form{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;gap:1em}.form-wrapper form #email{background-color:var(--bg-color-2);color:var(--font-color-1);border:none;padding:10px;border-radius:5px}.form-wrapper form #email:focus{outline:none;box-shadow:none}.form-wrapper form .submit-btn{text-align:center;font-size:28px;display:block;padding:10px;transition:all ease .3s;color:var(--font-color-1);background-color:var(--bg-color-1);border:none}.form-wrapper form .submit-btn:hover{text-decoration:none;box-shadow:7px 7px var(--font-color-1);cursor:pointer}.promo{width:100%;height:10vh;display:flex;justify-content:center;align-items:center;margin-top:1em}.promo a{font-size:28px}