.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:table;transition:opacity .3s ease}.modal-wrapper{display:table-cell;vertical-align:middle}.modal-container{display:grid;width:350px;grid-template-columns:1fr 2fr 1fr;grid-template-rows:70px 3fr 1fr;grid-template-areas:"section section section section" "section1 section1 section1 section1" "section2 section2 section2 section2";margin:0 auto;padding:20px 30px;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);transition:all .3s ease;max-height:550px;overflow-y:scroll}.modal-header h3{margin-top:0;color:#42b983}.modal-header{grid-area:section;text-align:center!important;grid-row:1}.modal-body{grid-area:section1;grid-row:2/4}.signUpForm{display:grid;grid-column:2/3;padding:10px}.actionSection{padding:5px}.modal-footer{text-align:center!important;grid-row:5;grid-area:section2}.modal-default-button{float:right}.benefits{align-content:left}.error{color:red;font-size:15px}ul{padding:0;list-style-type:none}p{margin:0 0 5px 5px}input[type=text],label{margin:5px 5px 5px 5px;padding:5px;width:90%}.privacy checkbox{width:30%}.entryLevel{padding:5px;margin:5px}span{padding-bottom:8px}button{width:200px}.twitter_sign_up{width:200px;margin:5px;background-color:#1da1f2;font-size:15px;color:#fff;border-radius:5px;text-align:center;align-items:bottom}.twitter_icon{vertical-align:bottom;color:#fff}.signup_button{width:100px;margin-bottom:15px}body,html{padding:0;margin:0}#app,body,html{height:100%;width:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;background-color:#fff;display:grid;grid-template-columns:auto;grid-template-rows:75px auto;grid-template-areas:"nav" "body" "footer";overflow:auto}#nav{padding:0;grid-area:nav;height:75px}.header{height:100%;padding-top:5px;background-color:#fff}a{font-weight:700;color:#000;underline-text:none}.router-main{padding:0 5px 0 5px;background-color:#fff}button{width:130px;background-color:#fed188;color:#000;border:0;box-shadow:none;border-radius:0;padding:5px;margin-left:5px}.container{grid-area:body;display:grid;height:100%;grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:"leftcol section section section section rightcol" "leftcol section1 section1 section1 section1 rightcol" "leftcol section2 section2 section2 section2 rightcol" "leftcol section3 section3 section3 section3 rightcol";overflow:auto}.section{grid-area:section;max-height:300px}.section,.section1{width:100%;height:auto;overflow-y:scroll}.section1{grid-area:section1}.section2{grid-area:section2;grid-row-start:3;grid-row-end:4}.section2,.section3{height:auto;overflow-y:scroll;width:100%}.section3{grid-area:section3;grid-row-start:4;grid-row-end:5;padding-bottom:5px}#footer{grid-area:footer;text-align:center;margin:0 5px 0 5px;grid-row-start:3;grid-row-end:4;padding:0 5px 0 5px;background-color:#fff;line-height:50px;align-items:bottom}h3{margin:0}h3,p{padding-left:5px}p{padding-bottom:3px}.logo{font-size:25px}.right{grid-area:rightcol;width:100%}.left{grid-area:leftcol;width:100%}.floatLeft{float:left;padding-left:5px;padding-bottom:0}.floatRight{font:outline;float:right;padding-right:5px}.openSection{font-size:16px}.closedSection,.openSection{color:grey;font-weight:700;text-align:center}.closedSection{font-size:20px}.twitter_photo{border-color:rgba(0,0,0,.04);border-width:3px;border-radius:9999px}.user_details{text-align:center;vertical-align:top}.delete_page{color:red}.content-p{text-indent:3ch;whitespace:normal;width:80%;word-wrap:normal}