welcome.css

#welcome{position:relative;top:-3em;display:flex;flex-direction:column;justify-content:center;text-align:center;height:85vh;width:100%}#welcome .welcome-headline{font-size:3em}@media screen and (max-width:767px){#welcome{top:-4em}#welcome .welcome-headline{font-size:1.75em;margin:1.5em 0}#welcome .wp-block-button{padding:.25em;max-width:90%}#welcome .wp-block-button a{font-size:1em}}#service{text-align:center;margin:1em}#service h2{font-size:3em;margin:1em 0}#service .wp-block-column{padding:1em;background-image:linear-gradient(to top right,#00799b,#00a8cc);border-radius:1em;border:1px solid #fff}#service .service-description{margin:2em 10%}@media screen and (max-width:1199px){#service{padding:0}#service .wp-block-columns{flex-wrap:wrap}#service .wp-block-column{flex-basis:calc(50% - 50px)}#service .wp-block-column{margin:.5em}}@media screen and (max-width:767px){#service .service-description{margin:1em 0}#service .wp-block-column{margin:.5em auto}}@media screen and (max-width:575px){#service .wp-block-column{margin:.5em 0}}#about{margin:1em}#about h2{font-size:3em;margin:1em 0}#about .profile-picture img{border-radius:50%}#about .wp-block-column{text-align:center;border:1px solid #fff;border-radius:.5em;padding:.5em 1em}#about svg{margin:.5em}#about .wp-block-media-text__content>p{margin:1em 10%}@media screen and (max-width:1199px){#about{text-align:center}#about .profile-picture img{width:60%;margin-bottom:2em}#about .profile-picture{display:block;width:100%;margin:0 auto}#about .wp-block-media-text__content{padding:0}#about .wp-block-column{margin:.5em}#about .skill-networking{width:100%;flex-grow:1}}@media screen and (max-width:767px){#about .profile-picture img{width:80%}#about .wp-block-column{margin:.5em auto}#about .wp-block-media-text__content>p{margin:1em 0}}#contact{margin:2em;text-align:center}#contact h2{font-size:3em;margin:1em 0}#contact .wpcf7-text,#contact .wpcf7-textarea{background-color:transparent;width:100%;margin:0 auto;border-color:#fff}#contact .wpcf7-text:focus,#contact .wpcf7-text:hover,#contact .wpcf7-textarea:focus,#contact .wpcf7-textarea:hover{border-color:#00a8cc!important}#contact .wpcf7-submit{background-color:#00a8cc;width:15%;font-family:RobotoBold,Arial,sans-serif;border:none;color:#232323!important}.wpcf7-form-control{color:#fff!important}@media screen and (max-width:767px){#contact .wpcf7-submit{width:33%}}.reveal{opacity:0;transition:all 1s ease-in-out}.reveal.visible{opacity:1;transform:none}