:root{--primary-color: #5bb462;--primary-dark: #4f9c55;--secondary-color: #ffea00;--secondary-dark:#e3d002;--overlay: rgba(0,0,0,.7)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.2rem;line-height:1.2}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ul{list-style-type:none}a{text-decoration:none}.button{padding:17px 28px;font-size:1.2rem;color:#fff;font-weight:600;text-transform:uppercase;background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:4px;cursor:pointer}.button:hover{background:var(--primary-dark);border:1px solid var(--primary-dark)}.line{display:block;width:40px;height:3px;margin:5px auto;background-color:var(--primary-color)}.header{position:fixed;height:90px;width:100%;top:0;left:0;z-index:1;transition:.3s ease-in;overflow:hidden;background-color:#000000e6}.header .navbar{display:flex;justify-content:space-between;align-items:center;max-width:1240px;margin:auto;height:100%;padding:0 1rem}.header .nav-menu a{color:#fff}.header .navbar img{width:250px;height:auto}.header .nav-menu{display:flex}.header .nav-item{padding:1rem;font-weight:500}.header .nav-item a:hover{padding-bottom:12px;border-bottom:3px solid var(--secondary-color)}.hamburger{display:none}@media screen and (max-width:940px){.header{max-width:100%;background-color:#000000e6}.header .navbar{max-width:100%}.hamburger{display:block}.nav-menu{position:fixed;left:-100%;top:60px;flex-direction:column;background-color:#000000e6;width:100%;height:90vh;z-index:999;text-align:center;transition:.3s}.nav-menu.active{left:0}.nav-item{margin:1.5rem 0}.header .navbar img{width:150px}}.about{background-color:#f8f8f8;margin:auto;padding:8rem 1rem 0;width:100%}.about .container{width:1240px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr)}.about h2{font-size:3rem;padding-top:1em}.about .col-2{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem}.about .col-2 p:first-of-type{margin:2rem 0}.about .col-2 p:nth-child(4){font-size:1.8rem;font-style:italic;font-weight:600}.about .image img{justify-content:center;width:100%;height:auto}.about button{margin-top:1rem}@media screen and (max-width:940px){.about .container{grid-template-columns:1fr}.about .container{width:100%}.about .container .col-2 .image img{align-items:center;justify-content:center;padding:3rem;width:70vw;margin:15%}.about .container .col-2{padding:0;margin-bottom:1rem}}.technology{width:100%;margin:auto}.technology .container{width:1240px;margin:auto;padding:3rem}.technology h2{font-size:3rem;display:flex;padding-top:1em;justify-content:center}.technology p{font-style:normal;font-size:1.5rem;margin:1em;justify-content:center;align-items:center}.technology .content{padding:1rem;display:block}.technology .content .image{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;img {max-width: 100%; height: auto;}}.technology .content .row-1{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0rem}.technology .content .row-1 .seperate{display:flex;flex-direction:row;justify-content:center;align-items:center}.technology .content .row-1 .image-row{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:1rem}.technology .content .row-1 .image-row img{height:75px;width:auto}.technology .content .row-2 p{font-size:1.5rem;margin:1rem 0;padding:1rem}.technology .content .row-3{display:flex;flex-direction:column;align-items:center;justify-content:center}.technology .content .row-3 .github{display:flex;max-width:100%;overflow-x:auto;overflow-y:hidden}.technology .content .row-3 p{font-size:1.5rem;text-align:center}@media screen and (max-width:940px){.technology .container{grid-template-columns:1fr;width:100%}.technology .container .image-row{padding:3rem;width:70vw}.technology .container .row-2 .row-1 .row-3{padding:0;max-width:100%;height:auto;margin-bottom:1rem;grid-template-columns:1fr}}.projects{width:100%;margin:auto}.projects .container{width:1240px;margin:auto;padding:3rem}.projects h2{padding-top:1em;font-size:3rem;text-align:center}.projects p{font-size:1.5rem;text-align:center;margin:4rem 0}.projects .container .content{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;margin:4rem 0}.projects .card{border:1px solid #eee;border-radius:8px;box-shadow:0 3px 10px #0003;padding:1rem}.projects img{border-radius:50px;margin-top:-2rem}.projects .card p{color:#787878;font-size:1.3rem;margin:12px}.projects .card span{color:var(--primary-color);font-size:1rem;font-weight:700}@media screen and (max-width: 940px){.projects .container{width:100%}.projects .container .content{grid-template-columns:1fr}.projects .card{max-width:100%;margin:1rem}}.contact{width:100%;margin:auto}.contact .container{width:1240px;margin:auto;padding:3rem}.contact h2{font-size:3rem;display:flex;padding-top:1em;justify-content:center}.contact p{font-size:1.5rem;text-align:center;margin:1rem 0}.contact .content{padding:1rem;display:block}.contact .row-1{display:flex;padding:3rem;text-align:center;justify-content:center}.contact .row-2{width:90%;margin-left:5%;margin-right:5%;display:flex;padding-left:5%;padding-right:5%}.contact .row-2 .logo-image{margin:10px;align-content:center;justify-content:center;flex-wrap:wrap;img {width: 4em;}}.contact .row-3 .form .reCAPTCHA{width:50%;margin:10px;align-content:center;flex-wrap:wrap;img {width: 100%;}}.contact .row-3 .form{width:90%;margin-left:5%;margin-right:5%;margin-bottom:20px;flex-direction:row;justify-content:center;align-content:center;flex-wrap:wrap;background-color:#f2f2f2}.contact .row-3 .form p{width:90%;text-align:left;padding-left:5%;padding-right:5%;font-style:normal;font-size:1.5 rem;margin:1rem 0}.contact .row-3 .form .btn{display:flex;justify-content:space-between;width:90%;margin-left:5%;margin-right:5%}.contact .row-3 .form{div {padding: 20px;} input[type=text] {width: 90%; padding: 12px 20px; margin: 8px 0; margin-left: 5%; margin-right: 5%; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;} input[type=submit],[type=reset] {width: 40%; background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer;} input[type=submit]:hover,[type=reset]:hover {background-color: #45a049;} textarea {width: 90%; margin-left: 5%; margin-right: 5%; height: 200px; padding: 12px 20px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; background-color: #f8f8f8; resize: none;}}@media screen and (max-width:940px){.contact .container{grid-template-columns:1fr;width:100%}.contact .container .row-1 .row-2 .row-3{padding:0;max-width:100%;height:150px;margin-bottom:1rem;grid-template-columns:1fr}}.footer{width:100%;background-color:#000;color:#eee;padding:3rem 1rem}.footer .container{max-width:1240px;margin:auto;text-align:center}.footer ul{display:flex;justify-content:center}.footer li{padding:1rem}.footer li a{color:#fff}.footer li a:hover{padding-bottom:12px;border-bottom:3px solid var(--secondary-color)}.bottom{text-align:center;padding-top:3rem}.line{margin-bottom:1rem}