body{margin:0;padding:0;font-family:sans-serif}.App{text-align:center;height:100vh}.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear;height:80px}.App-header{background:#833ab4;background:-webkit-gradient(linear,left top,right top,from(#833ab4),color-stop(26%,#fd1d1d),to(#fcb045));background:-webkit-linear-gradient(left,#833ab4,#fd1d1d 26%,#fcb045);background:-o-linear-gradient(left,#833ab4 0,#fd1d1d 26%,#fcb045 100%);background:linear-gradient(90deg,#833ab4,#fd1d1d 26%,#fcb045);height:250px;padding:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.wrapper{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:1px}.letter{padding:20px;font-size:70px;line-height:1;font-family:Arial,Helvetica;font-weight:200;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.letter,.second{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:#fff}.second{font-size:18px;height:250px;background-color:#fcb045}.block-wrapper{display:grid;grid-template-rows:1fr 1fr 1fr;grid-row-gap:10px}.block-wrapper .letter{cursor:pointer}.block{color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:20px;font-size:70px}.block-one{background:-webkit-gradient(linear,left top,left bottom,from(#833ab4),to(#fd1d1d));background:-webkit-linear-gradient(top,#833ab4,#fd1d1d);background:-o-linear-gradient(top,#833ab4,#fd1d1d);background:linear-gradient(180deg,#833ab4,#fd1d1d)}.block-two{background:-webkit-gradient(linear,left top,left bottom,from(#fd1d1d),to(#fcb045));background:-webkit-linear-gradient(top,#fd1d1d,#fcb045);background:-o-linear-gradient(top,#fd1d1d,#fcb045);background:linear-gradient(180deg,#fd1d1d,#fcb045)}.block-three{background:-webkit-gradient(linear,left top,left bottom,from(#fcb045),to(#833ab4));background:-webkit-linear-gradient(top,#fcb045,#833ab4);background:-o-linear-gradient(top,#fcb045,#833ab4);background:linear-gradient(180deg,#fcb045,#833ab4)}section{min-height:250px;margin:10px 0}.contact-me{background:#fcb405;background:-webkit-radial-gradient(circle,#cfbae8 0,#833ab4 100%);background:-o-radial-gradient(circle,#cfbae8 0,#833ab4 100%);background:radial-gradient(circle,#cfbae8 0,#833ab4 100%);padding:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}form{background:#fff;border-radius:5px;height:100%;padding:50px;display:grid;grid-template-rows:1fr 1fr 1fr 3fr 1fr;grid-row-gap:10px;width:100%;max-width:500px}form h1{font-size:32px;margin-top:0}form input{min-height:50px;background-color:#ddd;text-align:center}form button,form input{font-size:20px;border-radius:25px;border:none}form button{color:#fff;background:#833ab4}@media screen and (min-width:600px){.block-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:none;grid-column-gap:10px}.block-one{background:-webkit-gradient(linear,left top,right top,from(#833ab4),to(#fd1d1d));background:-webkit-linear-gradient(left,#833ab4,#fd1d1d);background:-o-linear-gradient(left,#833ab4,#fd1d1d);background:linear-gradient(90deg,#833ab4,#fd1d1d)}.block-two{background:-webkit-gradient(linear,left top,right top,from(#fd1d1d),to(#fcb045));background:-webkit-linear-gradient(left,#fd1d1d,#fcb045);background:-o-linear-gradient(left,#fd1d1d,#fcb045);background:linear-gradient(90deg,#fd1d1d,#fcb045)}.block-three{background:-webkit-gradient(linear,left top,right top,from(#fcb045),to(#833ab4));background:-webkit-linear-gradient(left,#fcb045,#833ab4);background:-o-linear-gradient(left,#fcb045,#833ab4);background:linear-gradient(90deg,#fcb045,#833ab4)}}::-webkit-input-placeholder{text-align:center}:-moz-placeholder,::-moz-placeholder{text-align:center}:-ms-input-placeholder{text-align:center}
/*# sourceMappingURL=main.29e8b914.css.map*/