.contact{display:flex;flex-direction:column}.contact__title{margin-top:-2px}.contact__form{display:flex;flex-direction:column}.contact__input{background-color:transparent;color:#d6e4f2;margin:15px 0;border:1px solid #48bf84;border-radius:8px;padding:11px 22px;vertical-align:top;font-family:inherit}.contact__input:focus{outline:1px solid #48bf84}.contact__input:-webkit-autofill{border:3px solid #48bf84;background-color:#48bf84}.contact__input:autofill{border:3px solid #48bf84;background-color:#48bf84}.contact__input::placeholder{color:hsla(0,0%,100%,.541)}.contact__input.--large{height:120px;resize:none}.contact__btn{color:inherit;background-color:rgba(72,191,132,.122);border:1px solid #48bf84;border-radius:12px;width:-moz-fit-content;width:fit-content;padding:8px 16px;cursor:pointer;transition:all .2s ease-out;align-self:flex-end}.contact__btn:hover{background-color:rgba(72,191,132,.329);transform:scale(1.05)}.contact__btn:active{background-color:rgba(72,191,132,.788);transform:scale(1)}.home{max-width:1050px;margin:auto}.home__titles{color:#ddd92a}.skills{display:flex;margin:20px auto;max-width:1050px;gap:40px;justify-content:center}.skills__frontEnd{min-width:170px}.skills__backEnd,.skills__frontEnd,.skills__other{max-width:350px;flex-grow:1;flex-basis:0;text-align:center}@media screen and (max-width:435px){.skills{flex-direction:column}}.intro{max-width:1050px;display:flex;flex-direction:column;align-items:center;margin:15px auto;gap:60px}.intro__nameInfo{text-align:left;width:320px}.intro__nameInfo h1{font-family:ProximaNova-Bold;font-size:38px;margin:0;text-align:left;color:#ddd92a}.intro__nameInfo h3{font-family:ProximaNova-Thin;font-size:22px;margin-top:10px;text-align:left}.intro__nameInfo__buttons{display:flex;max-width:290px;width:100%;justify-content:space-around}.intro__nameInfo__buttons a{display:flex;align-items:center;background-color:rgba(72,191,132,.122);border:1px solid #48bf84;color:#d6e4f2;border-radius:12px;padding:6px 12px;text-decoration:none;transition:all .2s ease-out}.intro__nameInfo__buttons a:hover{background-color:rgba(72,191,132,.329);transform:scale(1.05)}.intro__nameInfo__buttons a:active{background-color:rgba(72,191,132,.788);transform:scale(1)}.intro__description{font-family:ProximaNova-Thin;font-size:18px}.intro__description strong{font-family:ProximaNova}@media screen and (min-width:768px){.intro{flex-direction:row;justify-content:center}.intro__description,.intro__nameInfo{flex-grow:1;flex-basis:0;max-width:700px}}.projects{display:flex;flex-direction:column;gap:25px;align-items:center;max-width:1050px;width:100%;flex-wrap:wrap;margin:0 auto 40px}@media screen and (min-width:640px){.projects{flex-direction:row;align-items:stretch}}.project{background:rgba(214,228,242,.059);border-radius:16px;box-shadow:0 4px 30px rgba(17,4,68,.259);border:1px solid rgba(214,228,242,.23);display:grid;grid-template-rows:minmax(150px,300px) 1fr;align-items:start;flex-basis:calc(90% - 16px);box-sizing:border-box;transition:all .3s ease}.project:hover{transform:scale(1.01)}.project__thumb{height:100%;border-radius:16px 16px 0 0;object-fit:cover;overflow:hidden;position:relative}.project__texts{display:grid;grid-template-rows:auto auto}.project__texts__name{display:grid;grid-template-columns:3fr 1fr auto auto;grid-gap:15px;gap:15px;align-content:center;background-color:rgba(62,137,137,.549);margin:0;padding:0 20px}.project__texts__name h2{grid-column:1/span 2}.project__texts__name a{align-self:center;text-decoration:none;color:inherit;border-radius:10px;border:1px solid #000;display:flex;padding:5px;background-color:rgba(7,28,133,.365);transition:all .1s ease-out}.project__texts__name a:hover{background-color:rgba(7,28,133,.475);transform:scale(1.05)}.project__texts__name a:active{background-color:rgba(7,28,133,.69);transform:scale(1)}.project__texts__description{padding:0 20px;line-height:1.5rem}@media screen and (min-width:570px){.project{flex-basis:calc(50% - 16px)}}@media screen and (max-width:350px){.project__texts__name{gap:5px}}