@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;600;800&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-display:swap;font-family:Nunito Sans,sans-serif}header nav{background-color:#0a71c6;display:flex;justify-content:space-between;padding:12px 36px}.nav__page_links,.nav__social .links{display:flex;text-decoration:none;color:#fff}.nav__page_links div+div,.nav__social .links div+div{margin-left:30px}.nav__page_links a{color:#fff;text-decoration:none}.fa{color:#fff}.nav__page_links div,.pages div{color:#fff;font-weight:600}.nav__page__links_icons{display:flex;align-items:center;grid-gap:20px;gap:20px}.pages{margin-top:23px}.pages div+div{margin-top:12px}.bars{cursor:pointer}.bars,.hide{display:none}.hero{display:flex;padding:40px 80px;background-color:#41a4f5;color:#fff;justify-content:space-evenly;align-items:center}.hero .picture img{width:200px}.hero .picture{margin-right:60px}.hero__about p:first-child{font-size:23px}.hero__about p.info{font-size:18px}.hero__about h1{font-size:40px}.hero__about button{background-color:#0a71c6;color:#fff;cursor:pointer;padding:10px 18px;border-radius:5px;margin-top:12px;border:none;font-size:15px;font-weight:600}.featured-projects,.skills{background-color:#f7f8fa;padding:40px 80px}.featured-projects .wrapper,.skills .wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:60px;justify-content:space-between;grid-gap:15px;gap:15px}.skills .wrapper .container{background-color:#fff;box-shadow:-1px -1px 1px -1px rgba(0,0,0,.481);-webkit-box-shadow:-1px -1px 1px -1px rgba(0,0,0,.481);-moz-box-shadow:-1px -1px 1px -1px rgba(0,0,0,.481);position:relative;flex-basis:350px;padding-bottom:20px}.skills .wrapper .container .list{padding:0 20px;font-size:17px}.skills .wrapper .container .list div+div{margin-top:13px}.skills .wrapper .container .list div:before{content:"\f00c";padding-right:8px;font-family:FontAwesome;font-weight:800;color:#41a4f5}.skills .wrapper .container h2{text-align:center;margin-top:60px;margin-bottom:20px}.featured-projects h1,.skills h1{text-align:center;font-size:32px;margin-bottom:30px}.skills .fa{color:#000;font-size:50px}.skills__icons{background-color:#41a4f5;color:#fff;position:absolute;width:70px;height:70px;left:50%;transform:translateX(-50%) translateY(-50%);border-radius:50%;display:flex;justify-content:center;align-items:center}.skills__icons .fa{color:#fff;font-size:30px}.featured-projects .wrapper div img{width:100%}.featured-projects .wrapper .project{padding-top:20px;padding-bottom:20px;display:flex;flex-direction:column;align-items:center;background-color:#fff}.img-container{position:relative}.img-container:hover{cursor:pointer}.details{background-color:rgba(21,109,191,.672);color:#fff;font-weight:700;top:0;left:0;position:absolute;padding:8px;text-align:justify;width:100%;height:100%;transform:scaleY(0);transition:.4s ease-in-out;transform-origin:bottom}.img-container:hover .details{transform:scaleY(1)}.center-video{display:flex;justify-content:center}.featured-projects .wrapper .project .tech{margin-top:12px;padding-left:10px;padding-right:10px;display:flex;justify-content:center;flex-wrap:wrap}.featured-projects .wrapper .project .tech p{background-color:#41a4f5;padding:5px;margin:5px;border-radius:8px;color:#fff}.featured-projects .wrapper .project .tech p+p{margin-left:10px}.featured-projects .all{display:flex;justify-content:center;margin-top:60px}.featured-projects .all a{text-decoration:none;color:#fff;background-color:#0a71c6;padding:8px 16px;border-radius:8px}.contact-container{width:100%;display:flex;justify-content:center;align-items:center;padding:30px 0}.contact-container form{width:60%}.contact-container form div.credentials{display:flex}.contact-container form div.credentials div{flex:1 1}.contact-container form div.credentials div input{width:100%;padding:12px 18px}.contact-container form div.credentials div+div{margin-left:20px}.contact-container .message,.contact-container .send{margin-top:20px;width:100%}.contact-container .message textarea{width:100%;padding:12px 18px;height:150px;resize:none}.contact-container .send button{width:100%;padding:12px;border:none;background-color:#0a71c6;color:#fff;font-size:16px;cursor:pointer}footer{margin-top:30px;background-color:#0a71c6;display:flex;flex-direction:column;align-items:center;color:#fff;padding:40px}footer div{width:50%;display:flex;justify-content:center;text-align:center}footer div:last-child{line-height:25px}footer b{color:#03254c}footer div+div{margin-top:20px}footer img{width:140px;height:145px;border-radius:50%}@media (max-width:530px){.bars{display:block}.nav__page_links{display:none}}@media (min-width:530px){.pages{display:none}}.headline{color:#fff;padding:40px 120px;background-color:#41a4f5}.headline h1{margin-bottom:12px}.description{display:grid;place-items:center;margin-top:50px;margin-bottom:50px}.description img{width:100%;margin-bottom:30px}.description .wrapper{width:60%}.description .wrapper a{text-decoration:none;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;color:#fff;padding:10px 20px;background-color:#0a71c6;margin-top:10px;border-radius:8px}.description .wrapper .info{margin-bottom:70px}.description .tech{margin-top:30px;display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap}.description .tech div{width:90px}.description .tech div img{width:100%}@media (max-width:769px){.hero{display:block;padding:40px 8px}.hero .picture{display:flex;width:100%;justify-content:center}.hero__about{margin-top:20px;text-align:center;padding:2px}.hero__about button{padding:10px 18px;width:70%;margin-top:18px}}@media (max-width:962px){.featured-projects .wrapper,.skills .wrapper{display:flex;margin-top:60px;flex-direction:column}.skills .wrapper .container{margin-top:60px}}.lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple div{position:absolute;border:4px solid #dc143c;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}.spinner{width:100%;display:flex;justify-content:center;margin-top:20px}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}