body,html{padding:0px;margin:0px;scroll-behavior:smooth}.page{background-color:#f1f1f1;padding:0px}.shadow{box-shadow:0 10px 30px rgba(0,0,0,0.06),0 10px 20px rgba(0,0,0,0.12)}#header{padding:0;height:100vh;background-image:url(../img/PiaNeu.jpg);background-size:cover;background-repeat:no-repeat;background-position:top;color:black;font-family:Roboto;display:flex}#header #nav{width:100%;position:absolute;transition:all 0.3s ease}#header #nav ul{display:flex;list-style-type:none;float:right;padding:35px 40px 0px 0px}#header #nav ul li{padding:15px 18px 15px 18px;font-size:18px;color:rgba(0,0,0,0.6)}#header #nav ul a{font-weight:300;cursor:pointer;color:black}#header #nav ul a:hover{font-weight:400;text-decoration:none;color:black}#header #headerContent{border:25px solid white;width:100%;margin:0px;padding:0px;padding-top:10%;display:flex;align-items:center;float:left}#header #headerContent h1{font-weight:600}#header #headerContent #name{font-size:100px}#header #headerContent #student{font-weight:lighter;font-size:70px}.card-container{padding-top:30px;padding-bottom:10px}.card{background-color:white;padding:70px 70px 50px 70px;font-family:Roboto;font-size:18px;display:flex;flex-direction:row;margin-bottom:20px;border:none;border-radius:0px;box-shadow:0 10px 30px rgba(0,0,0,0.06),0 10px 20px rgba(0,0,0,0.12)}.card .headline{width:25%;padding:0px 40px 30px 0px;min-width:200px}.card .headline h1{padding-top:0px;margin-top:0px;font-weight:600;font-size:1.5em}.card .text{color:rgba(0,0,0,0.7);width:75%;padding-top:0px;font-size:1em;white-space:normal}.card .text .entry{padding-bottom:20px;display:flex;flex-direction:column;align-items:flex-start}.card .text .title{display:flex}.card .text .description{font-size:1em;margin-bottom:5px}.card .text .date{font-size:0.9em;color:#ababab;font-weight:lighter;margin-bottom:5px}.black-title{padding-right:10px;color:black}.gray-title{color:#ababab}.black-title,.gray-title{font-weight:600;font-size:1.5em;margin-bottom:5px;white-space:nowrap}.proficiency-level{color:#ababab;word-break:keep-all}.come-in{transform:translateY(150px);-webkit-animation:come-in 0.6s cubic-bezier(0.17, 0.56, 0.32, 1.02) forwards;animation:come-in 0.6s cubic-bezier(0.17, 0.56, 0.32, 1.02) forwards}.already-visible{transform:translateY(0);-webkit-animation:none;animation:none}@-webkit-keyframes come-in{to{transform:translateY(0)}}@keyframes come-in{to{transform:translateY(0)}}.skills-column p{margin-bottom:2px}.skills-column h3{margin-bottom:10px}input,textarea{border-radius:0px !important;margin-bottom:15px;background-color:#f1f1f1 !important;border:none !important}.small-input{width:50%}.large-input{height:200px !important}.submission-message{display:none}button{background-color:rgba(0,0,0,0);display:flex;border:none;padding-top:5px;font-weight:500;font-size:1em;height:45px;transition:all 0.3s ease;width:250px;justify-content:flex-start;z-index:3;position:relative}button .button-icon{padding-left:15px;position:relative;top:-1px}.footer{background-color:white;padding:7px 0px 7px 0px;font-family:Roboto;font-size:13px;color:#495057;text-align:center}@media only screen and (max-width: 1300px){.title{flex-direction:column}.black-title,.gray-title{white-space:normal}.text{width:60%}.headline{width:40%}}@media only screen and (max-width: 1100px){#student,#name{text-shadow:0 10px 30px rgba(255,255,255,0.2),0 10px 20px rgba(255,255,255,0.4)}}@media only screen and (max-width: 1000px){#nav{display:none}#email{width:100%}}@media only screen and (max-width: 767px){.card{margin-left:3vw;margin-right:3vw;width:94vw}}@media only screen and (max-width: 700px){.card{flex-direction:column}.headline{width:100% !important;min-width:none;padding-right:0 !important}.headline h1{text-transform:uppercase}.text{width:100% !important}}@media only screen and (max-width: 650px){#name{font-size:70px !important;line-height:70px}#student{font-size:40px !important;line-height:40px}}@media only screen and (max-width: 575px){.card{padding:70px 30px 50px 30px}.lower-skill-column{padding-top:20px}}@media (pointer: fine){button:hover{color:white;justify-content:center}button:hover .button-icon{display:none}button::after{height:100%;position:absolute;content:"";width:0;top:0;right:0;z-index:-1;background:black;transition:all 0.3s ease}button:hover::after{left:0;width:100%}button:active{top:2px}}