*{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:0;padding:0}body{background:linear-gradient(to right bottom,#222,#36055e93);min-height:100vh}.App{margin:0 auto;width:70%}:root{--mainColor:#232323;--mainColor1:#36cca2;--mainColor2:#07573f}nav span{margin:0 10px}nav{align-items:center;border-bottom:1px solid #d3d3d3;color:#fff;display:flex;justify-content:space-between;padding:25px 0}nav a{color:var(--main);font-weight:900;margin:0 25px;text-decoration:none}.links,.title-area{align-items:center;display:flex}.title-area{justify-content:space-between;padding:20px 0}.title{color:#fff}.profile{background:#fff;border-radius:5px;display:flex;padding:5px}.profile i{margin:0 5px}.newBlogBtn{background:#232323;background:var(--mainColor);border:none;border-radius:inherit;color:#fff;cursor:pointer;flex:2 1;font-size:16px;padding:5px;text-align:center}.newBlogBtn,.post{border-radius:5px;padding:10px}.post{align-items:center;background:linear-gradient(90deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.2));box-shadow:.5px .5px 3px #222;display:flex;margin-bottom:20px;overflow:hidden;position:relative;transition:.5s}.post-preview{cursor:pointer;display:flex;flex:2 1;flex-direction:column;flex-wrap:wrap;margin-left:20px}.post-image{background:#000;background-color:#ffffff8c;border-radius:inherit;flex:1 1;height:200px;overflow:hidden;padding:1px;width:300px}.post-image img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.post-link{color:#271c1c;text-decoration:none}.post:hover{background:linear-gradient(to right bottom,hsla(0,0%,100%,.8),hsla(0,0%,100%,.4));color:#fff}.post-title{font-size:1.5rem;font-weight:900;margin-bottom:10px}.read-more{color:#232323;color:var(--mainColor);margin-top:5px;text-decoration:none}.label{align-items:center;background-color:#232323;background-color:var(--mainColor);border-top-left-radius:inherit;bottom:0;color:#fff;display:flex;font-weight:600;height:20px;justify-content:center;padding:2px;position:absolute;right:0;width:100px}.lyrics-area{background:linear-gradient(90deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.2));border-radius:10px;color:#333;margin-top:20px;padding:20px;text-align:center}.lyrics-area p{margin:0 auto;width:20%}.form{background:linear-gradient(90deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.2));border-radius:10px;color:#222;margin-top:10px;padding:20px}form{display:flex;flex-direction:column}button,form input,form select,form textarea{border:none;border-radius:5px;box-shadow:1px 1px 3px #222;color:grey;font-size:16px;outline:none;padding:10px}form input,form option,form select,form textarea{background:#ffffff57;color:#222}form label{font-size:20px;font-weight:700;margin-bottom:5px;margin-top:20px}select,textarea{outline:none}textarea{height:200px}.lyrics-area button,form button{align-self:center;background:#232323;background:var(--mainColor);color:#fff;cursor:pointer;margin-top:20px;width:100px}@media screen and (max-width:1000px){.post{flex-direction:column}.post-image{height:100px;width:100%}.lyrics-area p{width:40%}}@media screen and (max-width:750px){.App{width:90%}}@media screen and (max-width:700px){.lyrics-area p{width:60%;width:90%}}@media screen and (max-width:600px){.links,nav{flex-direction:column}.newBlogBtn{margin:20px 0}}
/*# sourceMappingURL=main.736ac3f3.css.map*/