@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;800&display=swap');

body { 
background:#fff;
margin:0; 
padding:0;
text-align:center;
font-family: 'Raleway', sans-serif;
font-weight:300;
font-size:1rem;
line-height:1.4em;
}

#header {
position:relative;
margin-top:3rem;
border-bottom:1px solid #bbb;
padding-bottom:1rem;
margin-bottom:4.5rem;
font-family: 'Raleway', sans-serif;
font-weight:800;
font-size:1rem;
line-height:1.4em;
}


#tpj_name {
position:relative;
display:inline-block;
margin-left:18px;
margin-right:150px;
}

#tpj_text {
position:relative;
display:inline-block;
}

#tpj_foto {
position:absolute;
bottom:-44px;
left:50%;
margin-left:-44px;
width:88px;
height:88px;
border-radius:88px;
border:10px solid #fff;
background-color:#fff;
background-image:url('tpj.jpg');
background-size:cover;
}

h1 { 
font-family: 'Raleway', sans-serif;
font-weight:800;
font-size:3rem;
line-height:1.4em;
margin:0;
}

h2 { 
font-family: 'Raleway', sans-serif;
font-weight:800;
font-size:1rem;
line-height:1.4em;
margin:0;
}

#content {
position:relative;
margin:3rem auto;
width:1200px;
height:450px;
}

#left {
position:absolute;
top:0;
left:50%;
margin-left:-520px;
width:500px;
height:450px;
text-align:left;
}

#right {
position:absolute;
top:0;
left:50%;
margin-left:20px;
width:503px;
height:450px;
text-align:left;
overflow:hidden;
}

textarea {
position:relative;
font-family: 'Raleway', sans-serif;
font-weight:300;
font-size:1rem;
line-height:1.4em;
width:90%;
padding:5%;
height:350px;
margin-bottom:10px;
resize:none;
border:1px solid #888;
}

.button {
position:relative;
display:inline-block;
height:30px;
border-radius:0.5rem;
padding: 4px 20px;
font-family: 'Raleway', sans-serif;
font-weight:800; 
color:#fff;
background-color:#000;
cursor:pointer;
border:0;
}

#ausgabe {
position:absolute;
top:0px;
left:0;
width:99%;
height:383px;
background-color:#ddd;
border:1px solid #888;
border-bottom:0;
overflow:hidden;
}

#ausgabe_text { 
position:relative;
float:left; 
width:400px; 
height:345px; 
padding:5%;
font-size:1rem;
line-height:1.4em;
background-color:#fff;
overflow-y:scroll;
text-align:justify;
}

#ausgabe_button {
position:absolute;
top:420px;
width:100%;
text-align:right;
}

#lineal {
position:absolute;
top:383px;
width:500px;
height:20px;
overflow:hidden;
}