@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Pacifico&display=swap);*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;font-family:Comfortaa,cursive;letter-spacing:2px;text-align:center}html{height:100vh;width:100%}body{height:100vh;width:100%;font-size:1.5rem;background-image:url(images/bg.png);background-repeat:no-repeat;background-origin:center;background-position:0 -200px}a{text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:2rem}.nav-area{list-style-type:none}.nav-area li{display:inline-block;padding:0 15px;text-transform:uppercase}.nav-area li a{transition:.3s;color:#ef233c;font-weight:500;text-decoration:none}.nav-area li a:hover{color:#555}.btn-area{cursor:pointer;color:#fff;padding:10px 30px;border-radius:5px;background:#c53f3f;margin:.5rem}.btn-area:hover{background:#555}.profile{width:3rem;height:3rem;display:inline-block;padding:0;background:0 0;border-radius:15%}.title{font-family:Pacifico,cursive;font-size:6rem;color:#222;text-shadow:5px 5px rgba(204,204,204,.8)}.smaller{font-size:4rem}.cheap-excuse-for-a-logo{padding:0 15px;font-size:2.7rem;color:#000}.column{float:left;width:35%;margin-bottom:16px;padding:0 5px}.get-help{display:flex;flex-direction:row;align-items:center;float:right}.logout{width:auto;margin-right:2rem}.logout:hover{background:#555}.logout:active{transform:tranlateY(10px)}.foot{font-size:.5rem}.card{padding:2rem;width:28rem;height:45rem;background:rgba(240,240,240,.9);margin:0 auto;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between}.logincard{padding:2rem;width:30rem;height:43rem;background:rgba(240,240,240,.9);margin:0 auto;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between}.cursive{font-family:Pacifico,cursive;font-size:3rem;margin-bottom:2rem;text-shadow:5px 5px rgba(204,204,204,.8)}.username{font-size:1rem;color:#222;margin-bottom:2rem}.avatar{width:25rem;height:25rem;border-radius:7.5%}.login-area{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:25rem}.login-area input{width:100%;height:3rem;font-size:1.5rem;margin:1rem 0;outline:0}.submit-btn{background:#c53f3f;color:#fff;border:none;outline:0;margin:4rem 0}.submit-btn:hover{background:#555}.submit-btn:active{transform:TranslateY(2px)}.login-body{background-image:url(images/login-bg.png);background-position:0 -350px}.profile-body{background-image:url(images/profile-bg.png);padding:7rem}.signup-body{background-image:url(images/signup-bg.png)}.signup-area{margin-bottom:12rem}.invis{display:none}.file-input{padding:1rem 2rem;border-radius:50px;margin:3rem 1rem 3rem 1rem}.avatar-txt{margin:.5rem;font-weight:600}.profile-title{font-size:1.5rem;margin:2rem 0;font-weight:800}.row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 5rem}.named{font-family:Pacifico,cursive;color:#333;border-bottom:1px solid #ddd}.contact-btn{border:none;outline:0;margin:2rem 0}.about-body{background-image:url(images/about-bg.png)}.intro{font-size:1.9rem;color:#666;margin:2rem 0;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:1rem 0}.profile-container{display:flex;height:inherit;flex-direction:column;justify-content:space-between;align-items:center}.mail{color:#000;letter-spacing:2px}.progblog-body{background-image:url(images/progblog-bg.png);background-position:0 -250px}.card-40{width:40%;align-items:center;margin:0}.blog-post-area{width:100%;border-radius:20px;background:rgba(240,240,240,.9);height:80%;overflow-y:scroll}.text-area{resize:none;width:100%;height:20rem;outline:0;padding:1rem}.progblog-username{margin:0 5rem;text-align:right;border-bottom:1px solid #ddd}.post-content{text-align:center;margin:1rem 2rem}.small-title{font-size:5rem}.button-box{height:5%;background:rgba(240,240,240,.5);width:100%;padding-left:5rem}.left{float:left}.create-post-body{width:100%}