@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600,600i);@import url(https://fonts.googleapis.com/css?family=Fjalla+One);@import url(https://fonts.googleapis.com/css?family=Exo+2);@import url(https://fonts.googleapis.com/css?family=Heebo:400,700|Open+Sans:400,700);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#a0aecd}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-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)}}.navbar{align-items:center;display:flex;justify-content:space-evenly}.animated-button{background:linear-gradient(-30deg,#0b1b3d 50%,#08142b 0);box-shadow:0 20px 50px rgba(0,0,0,.5);color:#d4e0f7;display:inline-block;font-size:20px;letter-spacing:2.5px;margin:12px;overflow:hidden;padding:20px 40px;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transform:translate(0);transform:translate(0)}.animated-button:before{background-color:#8592ad;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%}.animated-button:hover:before{opacity:.2}.animated-button span{position:absolute}.animated-button span:first-child{-webkit-animation:animateTop 2s linear infinite;animation:animateTop 2s linear infinite;background:linear-gradient(270deg,rgba(8,20,43,0),#2662d9);height:2px;left:0;top:0;width:100%}@-webkit-keyframes animateTop{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.animated-button span:nth-child(2){-webkit-animation:animateRight 2s linear -1s infinite;animation:animateRight 2s linear -1s infinite;background:linear-gradient(0deg,rgba(8,20,43,0),#2662d9);height:100%;right:0;top:0;width:2px}@-webkit-keyframes animateRight{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.animated-button span:nth-child(3){-webkit-animation:animateBottom 2s linear infinite;animation:animateBottom 2s linear infinite;background:linear-gradient(90deg,rgba(8,20,43,0),#2662d9);bottom:0;height:2px;left:0;width:100%}@-webkit-keyframes animateBottom{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.animated-button span:nth-child(4){-webkit-animation:animateLeft 2s linear -1s infinite;animation:animateLeft 2s linear -1s infinite;background:linear-gradient(180deg,rgba(8,20,43,0),#2662d9);height:100%;left:0;top:0;width:2px}@-webkit-keyframes animateLeft{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.animated-button1{background-color:rgba(0,0,0,.2);color:#f7d4d4;display:inline-block;font-size:20px;letter-spacing:2.5px;margin:12px;overflow:hidden;padding:20px 40px;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transform:translate(0);transform:translate(0)}.animated-button1:before{background-color:#ad8585;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%}.animated-button1:hover:before{opacity:.2}.animated-button1 span{position:absolute}.animated-button1 span:first-child{-webkit-animation:animateTop 2s linear infinite;animation:animateTop 2s linear infinite;background:linear-gradient(270deg,rgba(43,8,8,0),#d92626);height:2px;left:0;top:0;width:100%}.animated-button1 span:nth-child(2){-webkit-animation:animateRight 2s linear -1s infinite;animation:animateRight 2s linear -1s infinite;background:linear-gradient(0deg,rgba(43,8,8,0),#d92626);height:100%;right:0;top:0;width:2px}.animated-button1 span:nth-child(3){-webkit-animation:animateBottom 2s linear infinite;animation:animateBottom 2s linear infinite;background:linear-gradient(90deg,rgba(43,8,8,0),#d92626);bottom:0;height:2px;left:0;width:100%}.animated-button1 span:nth-child(4){-webkit-animation:animateLeft 2s linear -1s infinite;animation:animateLeft 2s linear -1s infinite;background:linear-gradient(180deg,rgba(43,8,8,0),#d92626);height:100%;left:0;top:0;width:2px}.animated-button2{background:linear-gradient(-30deg,#3d240b 50%,#2b1a08 0);box-shadow:0 20px 50px rgba(0,0,0,.5);color:#f7e6d4;display:inline-block;font-size:20px;letter-spacing:2.5px;margin:12px;overflow:hidden;padding:20px 40px;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transform:translate(0);transform:translate(0)}.animated-button2:before{background-color:#ad9985;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%}.animated-button2:hover:before{opacity:.2}.animated-button2 span{position:absolute}.animated-button2 span:first-child{-webkit-animation:animateTop 2s linear infinite;animation:animateTop 2s linear infinite;background:linear-gradient(270deg,rgba(43,26,8,0),#d98026);height:2px;left:0;top:0;width:100%}.animated-button2 span:nth-child(2){-webkit-animation:animateRight 2s linear -1s infinite;animation:animateRight 2s linear -1s infinite;background:linear-gradient(0deg,rgba(43,26,8,0),#d98026);height:100%;right:0;top:0;width:2px}.animated-button2 span:nth-child(3){-webkit-animation:animateBottom 2s linear infinite;animation:animateBottom 2s linear infinite;background:linear-gradient(90deg,rgba(43,26,8,0),#d98026);bottom:0;height:2px;left:0;width:100%}.animated-button2 span:nth-child(4){-webkit-animation:animateLeft 2s linear -1s infinite;animation:animateLeft 2s linear -1s infinite;background:linear-gradient(180deg,rgba(43,26,8,0),#d98026);height:100%;left:0;top:0;width:2px}.animated-button3{background:linear-gradient(-30deg,#3d3d0b 50%,#2b2b08 0);box-shadow:0 20px 50px rgba(0,0,0,.5);color:#f7f7d4;display:inline-block;font-size:20px;letter-spacing:2.5px;margin:12px;overflow:hidden;padding:20px 40px;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transform:translate(0);transform:translate(0)}.animated-button3:before{background-color:#adad85;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%}.animated-button3:hover:before{opacity:.2}.animated-button3 span{position:absolute}.animated-button3 span:first-child{-webkit-animation:animateTop 2s linear infinite;animation:animateTop 2s linear infinite;background:linear-gradient(270deg,rgba(43,43,8,0),#d9d926);height:2px;left:0;top:0;width:100%}.animated-button3 span:nth-child(2){-webkit-animation:animateRight 2s linear -1s infinite;animation:animateRight 2s linear -1s infinite;background:linear-gradient(0deg,rgba(43,43,8,0),#d9d926);height:100%;right:0;top:0;width:2px}.animated-button3 span:nth-child(3){-webkit-animation:animateBottom 2s linear infinite;animation:animateBottom 2s linear infinite;background:linear-gradient(90deg,rgba(43,43,8,0),#d9d926);bottom:0;height:2px;left:0;width:100%}.animated-button3 span:nth-child(4){-webkit-animation:animateLeft 2s linear -1s infinite;animation:animateLeft 2s linear -1s infinite;background:linear-gradient(180deg,rgba(43,43,8,0),#d9d926);height:100%;left:0;top:0;width:2px}.animated-button4{background:linear-gradient(-30deg,#243d0b 50%,#1a2b08 0);box-shadow:0 20px 50px rgba(0,0,0,.5);color:#e6f7d4;display:inline-block;font-size:20px;letter-spacing:2.5px;margin:12px;overflow:hidden;padding:20px 40px;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transform:translate(0);transform:translate(0)}.animated-button4:before{background-color:#99ad85;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%}.animated-button4:hover:before{opacity:.2}.animated-button4 span{position:absolute}.animated-button4 span:first-child{-webkit-animation:animateTop 2s linear infinite;animation:animateTop 2s linear infinite;background:linear-gradient(270deg,rgba(26,43,8,0),#80d926);height:2px;left:0;top:0;width:100%}.animated-button4 span:nth-child(2){-webkit-animation:animateRight 2s linear -1s infinite;animation:animateRight 2s linear -1s infinite;background:linear-gradient(0deg,rgba(26,43,8,0),#80d926);height:100%;right:0;top:0;width:2px}.animated-button4 span:nth-child(3){-webkit-animation:animateBottom 2s linear infinite;animation:animateBottom 2s linear infinite;background:linear-gradient(90deg,rgba(26,43,8,0),#80d926);bottom:0;height:2px;left:0;width:100%}.animated-button4 span:nth-child(4){-webkit-animation:animateLeft 2s linear -1s infinite;animation:animateLeft 2s linear -1s infinite;background:linear-gradient(180deg,rgba(26,43,8,0),#80d926);height:100%;left:0;top:0;width:2px}.animated-button5{background:linear-gradient(-30deg,#0b3d0b 50%,#082b08 0);box-shadow:0 20px 50px rgba(0,0,0,.5);color:#d4f7d4;display:inline-block;font-size:20px;letter-spacing:2.5px;margin:12px;overflow:hidden;padding:20px 40px;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transform:translate(0);transform:translate(0)}.animated-button5:before{background-color:#85ad85;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%}.animated-button5:hover:before{opacity:.2}.animated-button5 span{position:absolute}.animated-button5 span:first-child{-webkit-animation:animateTop 2s linear infinite;animation:animateTop 2s linear infinite;background:linear-gradient(270deg,rgba(8,43,8,0),#26d926);height:2px;left:0;top:0;width:100%}.animated-button5 span:nth-child(2){-webkit-animation:animateRight 2s linear -1s infinite;animation:animateRight 2s linear -1s infinite;background:linear-gradient(0deg,rgba(8,43,8,0),#26d926);height:100%;right:0;top:0;width:2px}.animated-button5 span:nth-child(3){-webkit-animation:animateBottom 2s linear infinite;animation:animateBottom 2s linear infinite;background:linear-gradient(90deg,rgba(8,43,8,0),#26d926);bottom:0;height:2px;left:0;width:100%}.animated-button5 span:nth-child(4){-webkit-animation:animateLeft 2s linear -1s infinite;animation:animateLeft 2s linear -1s infinite;background:linear-gradient(180deg,rgba(8,43,8,0),#26d926);height:100%;left:0;top:0;width:2px}.animated-button6{background:linear-gradient(-30deg,#0b3d24 50%,#082b1a 0);box-shadow:0 20px 50px rgba(0,0,0,.5);color:#d4f7e6;display:inline-block;font-size:20px;letter-spacing:2.5px;margin:12px;overflow:hidden;padding:20px 40px;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transform:translate(0);transform:translate(0)}.animated-button6:before{background-color:#85ad99;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%}.animated-button6:hover:before{opacity:.2}.animated-button6 span{position:absolute}.animated-button6 span:first-child{-webkit-animation:animateTop 2s linear infinite;animation:animateTop 2s linear infinite;background:linear-gradient(270deg,rgba(8,43,26,0),#26d980);height:2px;left:0;top:0;width:100%}.animated-button6 span:nth-child(2){-webkit-animation:animateRight 2s linear -1s infinite;animation:animateRight 2s linear -1s infinite;background:linear-gradient(0deg,rgba(8,43,26,0),#26d980);height:100%;right:0;top:0;width:2px}.animated-button6 span:nth-child(3){-webkit-animation:animateBottom 2s linear infinite;animation:animateBottom 2s linear infinite;background:linear-gradient(90deg,rgba(8,43,26,0),#26d980);bottom:0;height:2px;left:0;width:100%}.animated-button6 span:nth-child(4){-webkit-animation:animateLeft 2s linear -1s infinite;animation:animateLeft 2s linear -1s infinite;background:linear-gradient(180deg,rgba(8,43,26,0),#26d980);height:100%;left:0;top:0;width:2px}.animated-button7{background:linear-gradient(-30deg,#0b3d3d 50%,#082b2b 0);box-shadow:0 20px 50px rgba(0,0,0,.5);color:#d4f7f7;display:inline-block;font-size:20px;letter-spacing:2.5px;margin:12px;overflow:hidden;padding:20px 40px;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transform:translate(0);transform:translate(0)}.animated-button7:before{background-color:#85adad;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%}.animated-button7:hover:before{opacity:.2}.animated-button7 span{position:absolute}.animated-button7 span:first-child{-webkit-animation:animateTop 2s linear infinite;animation:animateTop 2s linear infinite;background:linear-gradient(270deg,rgba(8,43,43,0),#26d9d9);height:2px;left:0;top:0;width:100%}.animated-button7 span:nth-child(2){-webkit-animation:animateRight 2s linear -1s infinite;animation:animateRight 2s linear -1s infinite;background:linear-gradient(0deg,rgba(8,43,43,0),#26d9d9);height:100%;right:0;top:0;width:2px}.animated-button7 span:nth-child(3){-webkit-animation:animateBottom 2s linear infinite;animation:animateBottom 2s linear infinite;background:linear-gradient(90deg,rgba(8,43,43,0),#26d9d9);bottom:0;height:2px;left:0;width:100%}.animated-button7 span:nth-child(4){-webkit-animation:animateLeft 2s linear -1s infinite;animation:animateLeft 2s linear -1s infinite;background:linear-gradient(180deg,rgba(8,43,43,0),#26d9d9);height:100%;left:0;top:0;width:2px}.animated-button8{background:linear-gradient(-30deg,#0b243d 50%,#081a2b 0);box-shadow:0 20px 50px rgba(0,0,0,.5);color:#d4e6f7;display:inline-block;font-size:20px;letter-spacing:2.5px;margin:12px;overflow:hidden;padding:20px 40px;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transform:translate(0);transform:translate(0)}.animated-button8:before{background-color:#8599ad;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%}.animated-button8:hover:before{opacity:.2}.animated-button8 span{position:absolute}.animated-button8 span:first-child{-webkit-animation:animateTop 2s linear infinite;animation:animateTop 2s linear infinite;background:linear-gradient(270deg,rgba(8,26,43,0),#2680d9);height:2px;left:0;top:0;width:100%}.animated-button8 span:nth-child(2){-webkit-animation:animateRight 2s linear -1s infinite;animation:animateRight 2s linear -1s infinite;background:linear-gradient(0deg,rgba(8,26,43,0),#2680d9);height:100%;right:0;top:0;width:2px}.animated-button8 span:nth-child(3){-webkit-animation:animateBottom 2s linear infinite;animation:animateBottom 2s linear infinite;background:linear-gradient(90deg,rgba(8,26,43,0),#2680d9);bottom:0;height:2px;left:0;width:100%}.animated-button8 span:nth-child(4){-webkit-animation:animateLeft 2s linear -1s infinite;animation:animateLeft 2s linear -1s infinite;background:linear-gradient(180deg,rgba(8,26,43,0),#2680d9);height:100%;left:0;top:0;width:2px}.animated-button9{background:linear-gradient(-30deg,#0b0b3d 50%,#08082b 0);box-shadow:0 20px 50px rgba(0,0,0,.5);color:#d4d4f7;display:inline-block;font-size:20px;letter-spacing:2.5px;margin:12px;overflow:hidden;padding:20px 40px;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transform:translate(0);transform:translate(0)}.animated-button9:before{background-color:#8585ad;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%}.animated-button9:hover:before{opacity:.2}.animated-button9 span{position:absolute}.animated-button9 span:first-child{-webkit-animation:animateTop 2s linear infinite;animation:animateTop 2s linear infinite;background:linear-gradient(270deg,rgba(8,8,43,0),#2626d9);height:2px;left:0;top:0;width:100%}.animated-button9 span:nth-child(2){-webkit-animation:animateRight 2s linear -1s infinite;animation:animateRight 2s linear -1s infinite;background:linear-gradient(0deg,rgba(8,8,43,0),#2626d9);height:100%;right:0;top:0;width:2px}.animated-button9 span:nth-child(3){-webkit-animation:animateBottom 2s linear infinite;animation:animateBottom 2s linear infinite;background:linear-gradient(90deg,rgba(8,8,43,0),#2626d9);bottom:0;height:2px;left:0;width:100%}.animated-button9 span:nth-child(4){-webkit-animation:animateLeft 2s linear -1s infinite;animation:animateLeft 2s linear -1s infinite;background:linear-gradient(180deg,rgba(8,8,43,0),#2626d9);height:100%;left:0;top:0;width:2px}.animated-button10{background:linear-gradient(-30deg,#240b3d 50%,#1a082b 0);box-shadow:0 20px 50px rgba(0,0,0,.5);color:#e6d4f7;display:inline-block;font-size:20px;letter-spacing:2.5px;margin:12px;overflow:hidden;padding:20px 40px;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transform:translate(0);transform:translate(0)}.animated-button10:before{background-color:#9985ad;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%}.animated-button10:hover:before{opacity:.2}.animated-button10 span{position:absolute}.animated-button10 span:first-child{-webkit-animation:animateTop 2s linear infinite;animation:animateTop 2s linear infinite;background:linear-gradient(270deg,rgba(26,8,43,0),#8026d9);height:2px;left:0;top:0;width:100%}.animated-button10 span:nth-child(2){-webkit-animation:animateRight 2s linear -1s infinite;animation:animateRight 2s linear -1s infinite;background:linear-gradient(0deg,rgba(26,8,43,0),#8026d9);height:100%;right:0;top:0;width:2px}.animated-button10 span:nth-child(3){-webkit-animation:animateBottom 2s linear infinite;animation:animateBottom 2s linear infinite;background:linear-gradient(90deg,rgba(26,8,43,0),#8026d9);bottom:0;height:2px;left:0;width:100%}.animated-button10 span:nth-child(4){-webkit-animation:animateLeft 2s linear -1s infinite;animation:animateLeft 2s linear -1s infinite;background:linear-gradient(180deg,rgba(26,8,43,0),#8026d9);height:100%;left:0;top:0;width:2px}.animated-button11{background:linear-gradient(-30deg,#3d0b3d 50%,#2b082b 0);box-shadow:0 20px 50px rgba(0,0,0,.5);color:#f7d4f7;display:inline-block;font-size:20px;letter-spacing:2.5px;margin:12px;overflow:hidden;padding:20px 40px;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transform:translate(0);transform:translate(0)}.animated-button11:before{background-color:#ad85ad;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%}.animated-button11:hover:before{opacity:.2}.animated-button11 span{position:absolute}.animated-button11 span:first-child{-webkit-animation:animateTop 2s linear infinite;animation:animateTop 2s linear infinite;background:linear-gradient(270deg,rgba(43,8,43,0),#d926d9);height:2px;left:0;top:0;width:100%}.animated-button11 span:nth-child(2){-webkit-animation:animateRight 2s linear -1s infinite;animation:animateRight 2s linear -1s infinite;background:linear-gradient(0deg,rgba(43,8,43,0),#d926d9);height:100%;right:0;top:0;width:2px}.animated-button11 span:nth-child(3){-webkit-animation:animateBottom 2s linear infinite;animation:animateBottom 2s linear infinite;background:linear-gradient(90deg,rgba(43,8,43,0),#d926d9);bottom:0;height:2px;left:0;width:100%}.animated-button11 span:nth-child(4){-webkit-animation:animateLeft 2s linear -1s infinite;animation:animateLeft 2s linear -1s infinite;background:linear-gradient(180deg,rgba(43,8,43,0),#d926d9);height:100%;left:0;top:0;width:2px}.animated-button12{background:linear-gradient(-30deg,#3d0b24 50%,#2b081a 0);box-shadow:0 20px 50px rgba(0,0,0,.5);color:#f7d4e6;display:inline-block;font-size:20px;letter-spacing:2.5px;margin:12px;overflow:hidden;padding:20px 40px;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transform:translate(0);transform:translate(0)}.animated-button12:before{background-color:#ad8599;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%}.animated-button12:hover:before{opacity:.2}.animated-button12 span{position:absolute}.animated-button12 span:first-child{-webkit-animation:animateTop 2s linear infinite;animation:animateTop 2s linear infinite;background:linear-gradient(270deg,rgba(43,8,26,0),#d92680);height:2px;left:0;top:0;width:100%}@keyframes animateTop{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.animated-button12 span:nth-child(2){-webkit-animation:animateRight 2s linear -1s infinite;animation:animateRight 2s linear -1s infinite;background:linear-gradient(0deg,rgba(43,8,26,0),#d92680);height:100%;right:0;top:0;width:2px}@keyframes animateRight{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.animated-button12 span:nth-child(3){-webkit-animation:animateBottom 2s linear infinite;animation:animateBottom 2s linear infinite;background:linear-gradient(90deg,rgba(43,8,26,0),#d92680);bottom:0;height:2px;left:0;width:100%}@keyframes animateBottom{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.animated-button12 span:nth-child(4){-webkit-animation:animateLeft 2s linear -1s infinite;animation:animateLeft 2s linear -1s infinite;background:linear-gradient(180deg,rgba(43,8,26,0),#d92680);height:100%;left:0;top:0;width:2px}@keyframes animateLeft{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@media screen and (max-width:498px){.animated-button1{flex-wrap:wrap;font-size:8px;padding:1px}}@media screen and (max-width:550px) and (min-width:499px){.animated-button1{font-size:10px;padding:3px}}@media screen and (min-width:551px) and (max-width:950px){.animated-button1{font-size:15px;padding:5px}}body,html{font-family:Josefin Sans,sans-serif;margin:0}a{text-decoration:none}.header{align-content:flex-start;align-items:flex-start;border-radius:0 0 85% 85%/50%;color:#eee;display:flex;flex-wrap:wrap;justify-content:center;overflow:hidden;position:relative}.header:after{background:linear-gradient(180deg,rgba(0,0,0,.12) 40%,#1b2030);height:100%;z-index:-1}.header:after,.header:before{bottom:0;content:"";left:0;position:absolute;width:100%}.header:before{-webkit-animation:grow 20s linear 10ms infinite;animation:grow 20s linear 10ms infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#1b2030 url(/static/media/foto5.10861f1c006e6c936074.jpg);background-attachment:fixed;background-size:cover;height:300%;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all 2s ease-in-out;z-index:-2}.header a{color:#eee}.menu{border:2px solid #fff;border-radius:3px;height:30px;right:20px;text-decoration:none;top:20px;width:40px}.menu,.menu:after{display:block;position:absolute}.menu:after{background:#fff;box-shadow:0 8px,0 16px;content:"";height:3px;left:0;margin:0 auto;right:0;top:5px;width:20px}.logo{align-content:center;align-items:center;border:2px solid #fff;border-radius:3px;box-sizing:border-box;display:inline-flex;font-size:1.1em;font-weight:900;height:40px;line-height:1;margin:20px;padding:0 10px;text-decoration:none}.info,.sides{flex:0 0 auto;width:50%}.info{padding:5% 5% 0;text-align:center;text-shadow:0 2px 3px rgba(0,0,0,.2);width:100%}.author{background:url(/static/media/foto1.dc2cf010f1ffa31adb38.jpg) 50% no-repeat;background-size:cover;border-radius:50%;box-shadow:0 2px 3px rgba(0,0,0,.3);display:inline-block;height:50px;margin-bottom:3px;width:50px}.info h4,.meta{font-size:.8em}.meta{font-style:italic}@-webkit-keyframes grow{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}50%{-webkit-transform:scale(1.2) translateY(-400px);transform:scale(1.2) translateY(-400px)}}@keyframes grow{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}50%{-webkit-transform:scale(1.2) translateY(-400px);transform:scale(1.2) translateY(-400px)}}.content{padding:5% 10%;text-align:justify}.btn{border:2px solid;border-radius:3px;color:#333;display:inline-block;font-weight:600;padding:5px 10px;text-decoration:none}.twtr{margin-top:100px}.btn.twtr:after{content:"\1F426";padding-left:5px}.container{align-items:center;display:flex;justify-content:center;padding-top:5rem}.card{background-color:#17141d;border-radius:10px;box-shadow:-1rem 0 3rem #000;cursor:pointer;display:flex;height:280px;left:0;position:relative;transition:.4s ease-out;width:200px}.card:not(:first-child){margin-left:-50px}.card:hover{-webkit-transform:translateY(-20px);transform:translateY(-20px);transition:.4s ease-out}.card:hover~.card{left:50px;position:relative;transition:.4s ease-out}.title{color:#fff;font-weight:300;top:15px}.bar,.title{left:20px;position:absolute}.bar{height:5px;top:100px;width:150px}.emptybar{background-color:#2e3033;height:100%;width:100%}.filledbar{background:#009ad9;background:linear-gradient(90deg,#009ad9,#d99300 65%,#ffba00);height:100%;position:absolute;top:0;transition:.6s ease-out;width:0;z-index:3}.card:hover .filledbar{transition:.4s ease-out;width:120px}.circle{display:flex;justify-content:center;position:absolute;top:150px}.stroke{stroke:#fff;stroke-dasharray:360;stroke-dashoffset:360;transition:.6s ease-out}svg{fill:#17141d;stroke-width:2px}.card:hover .stroke{stroke-dashoffset:100;transition:.6s ease-out}@media screen and (max-width:550px){.container{flex-direction:column}}ul{align-items:center;bottom:15%;display:flex;justify-content:center;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-5}ul li{list-style:none;margin:0 5px}ul li a .fa{font-size:40px;line-height:80px;padding-right:14px}ul li a .fa,ul li a span{color:#262626;transition:.5s}ul li a span{letter-spacing:4px;margin:0;padding:0;position:absolute;top:30px}ul li a{background:#fff;box-shadow:-20px 20px 10px rgba(0,0,0,.5);display:absolute;display:block;height:80px;padding-left:20px;text-align:left;text-decoration:none;-webkit-transform:rotate(-30deg) skew(25deg) translate(0);transform:rotate(-30deg) skew(25deg) translate(0);transition:.5s;width:210px}ul li a:before{height:100%;left:-20px;top:10px;-webkit-transform:.5s;transform:.5s;-webkit-transform:rotate(0deg) skewY(-45deg);transform:rotate(0deg) skewY(-45deg);width:20px}ul li a:after,ul li a:before{background:#b1b1b1;content:"";position:absolute}ul li a:after{bottom:-20px;height:20px;left:-10px;-webkit-transform:.5s;transform:.5s;-webkit-transform:rotate(0deg) skewX(-45deg);transform:rotate(0deg) skewX(-45deg);width:100%}ul li a:hover{box-shadow:-50px 50px 50px rgba(0,0,0,.5);-webkit-transform:rotate(-30deg) skew(25deg) translate(20px,-15px);transform:rotate(-30deg) skew(25deg) translate(20px,-15px)}ul li:hover .fa,ul li:hover span{color:#fff}ul li:hover:first-child a{background:#3b5998}ul li:hover:first-child a:before{background:#365492}ul li:hover:first-child a:after{background:#4a69ad}ul li:hover:nth-child(2) a{background:#00aced}ul li:hover:nth-child(2) a:before{background:#097aa5}ul li:hover:nth-child(2) a:after{background:#53b9e0}ul li:hover:nth-child(3) a{background:#dd4b39}ul li:hover:nth-child(3) a:before{background:#b33a2b}ul li:hover:nth-child(3) a:after{background:#e66a5a}ul li:hover:nth-child(4) a{background:#e4405f}ul li:hover:nth-child(4) a:before{background:#d81c3f}ul li:hover:nth-child(4) a:after{background:#e46880}ul li:hover:nth-child(5) a{background:#000}ul li:hover:nth-child(5) a:before{background:#423437}ul li:hover:nth-child(5) a:after{background:#1f1b1c}@media screen and (max-width:500px){ul{flex-direction:column;gap:2rem;margin:20rem auto auto 14rem;position:static}}@media screen and (max-width:850px) and (min-width:551px){ul{flex-direction:column;gap:2rem;margin:20rem auto auto 22rem;position:static}}.accordion{cursor:pointer;display:flex;flex-direction:row;height:300px;margin:20px auto 100px;max-width:990px}.accordion,.box{box-shadow:0 20px 30px rgba(0,0,0,.47)}.box{background-position:0;background-size:cover;flex:1 1;height:100%;position:relative;transition:.7s}.box:hover{flex:7 1;height:400px}.a1{background-image:url(/static/media/html-css.58e5b6cd6b197a1ae1b3.png)}.a2{background-image:url(/static/media/js.28fc4a277cbdd07b6316.png)}.a3{background-image:url(/static/media/react.b2a2b3c390c885ca9a6c.png)}.a3,.a4{color:#fff}.a4{background-image:url(/static/media/frontend.0bb70bc568b480f8ac5e.png)}.a5{background-image:url(https://images.pexels.com/photos/220994/pexels-photo-220994.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260)}p{font-family:Exo\ 2,sans-serif;font-weight:400}.text{bottom:0;opacity:0;padding:10px;position:absolute}.box:hover .text{opacity:1}h1{margin:100px auto 20px;text-align:center;width:250px}@media screen and (max-width:800px){body{margin:0}.accordion{flex-direction:column;height:700px}.accordion,.box{box-shadow:none}.box:hover{flex:7 1}}:root{--color:#3c3163;--transition-time:0.5s}*{box-sizing:border-box}a{color:inherit}.cards-wrapper1{grid-gap:4rem;align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center;margin:0 auto;padding:4rem;width:-webkit-max-content;width:max-content}.card1{--bg-filter-opacity:0.5;align-items:flex-end;background-image:linear-gradient(rgba(0,0,0,var(--bg-filter-opacity)),rgba(0,0,0,var(--bg-filter-opacity))),var(--bg-img);background-position:50%;background-size:cover;border:10px solid #ccc;border-radius:1em;box-shadow:0 0 5em -1em #000;color:#fff;display:flex;font-family:Heebo;font-size:1.5em;height:20em;overflow:hidden;padding:1em;position:relative;text-decoration:none;transition:all,.5s;transition:all,var(--transition-time);width:15em}.card1:hover{-webkit-transform:rotate(0);transform:rotate(0)}.card1 h1{font-size:1.5em;line-height:1.2em;margin:0}.card1 p{font-family:Open Sans;font-size:.75em;line-height:2em;margin-top:.5em}.card1 .tags1{display:flex}.card1 .tags1 .tag1{background:hsla(0,0%,100%,.5);border-radius:.3rem;font-size:.75em;line-height:1.5em;margin-right:.5em;padding:0 .5em;transition:all,.5s;transition:all,var(--transition-time)}.card:hover .tags1 .tag1{background:#3c3163;background:var(--color);color:#fff}.card1 .date1{font-size:.75em;line-height:1em;opacity:.8;padding:1em;position:absolute;right:0;top:0}.card1:after,.card1:before{border-radius:50%;content:"";left:-50%;position:absolute;top:-50%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top left;transform-origin:top left;transition:all,.5s;transition:all,var(--transition-time);transition-timing-function:ease-in-out;z-index:-5}.card1:before{background:#ddd;height:250%;width:250%}.card1:after{background:#fff;height:200%;width:200%}.card1:hover{color:#3c3163;color:var(--color)}.card1:hover:after,.card1:hover:before{-webkit-transform:scale(1);transform:scale(1)}.card-grid-space1 .num1{font-size:3em;margin-bottom:1.2rem;margin-left:1rem}.info1{display:flex;font-size:1.2em;height:3em;padding:1em 3em}.info1 img{height:3em;margin-right:.5em}.info1 h1{font-size:1em;font-weight:400}@media screen and (max-width:1285px){.cards-wrapper1{grid-template-columns:1fr 1fr}}@media screen and (max-width:900px){.cards-wrapper1{grid-template-columns:1fr}.info1{justify-content:center}.card-grid-space1 .num1{margin-left:0;text-align:center}}@media screen and (max-width:500px){.cards-wrapper1{padding:4rem 2rem}.card1{max-width:calc(100vw - 4rem)}}@media screen and (max-width:450px){.info1{display:block;text-align:center}.info1 h1{margin:0}}.cv{align-items:center;display:flex;justify-content:center;padding-left:3rem;padding-top:3rem}.doc{background:grey;border-radius:10px;height:180px;margin-right:10%;position:relative;transition:box-shadow .4s;width:150px}.word{background:linear-gradient(#1d60c0,#1653b6);border-radius:10px;box-shadow:6px 0 0 #00000020,10px -4px 0 #00000010,10px 4px 0 #00000010;height:90px;right:65%;width:90px;z-index:10}.word,.word:before{position:absolute;top:25%}.word:before{color:#fff;content:"W";font-family:Arial,sans-serif;font-size:48px;left:26%}.layer{height:45px;position:absolute;width:150px}.doc:hover{box-shadow:2px 2px 2px 1px #42a5ee}
/*# sourceMappingURL=main.a9b28302.css.map*/