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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.portfolio{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px;color:#fff;text-align:center}.portfolio h1{margin:0 0 20px;font-size:45px}.portfolio p{margin:0 10px 20px}.hex-wrapper{display:flex;flex-direction:column;justify-content:flex-start}.hex-wrapper .hex-row{display:flex;flex-direction:row;align-items:center}.hex-wrapper .hex-row>:first-child{margin-right:10px}.hex-wrapper .hex-row:first-child{align-items:flex-end;margin-top:10px}.hex-wrapper .hex-row:first-child .hex-sm{margin-bottom:27px}.hex-wrapper .hex-row.inverted:first-child .hex-md,.hex-wrapper .hex-row.inverted:last-child .hex-md,.hex-wrapper .hex-row.inverted:nth-child(2) .hex-md{margin-left:33px}.hex-wrapper .hex-row.inverted:nth-child(2) .hex-lg{margin-left:17px}.hex-wrapper .hex-row:not(.inverted):nth-child(2)>.hex-lg{margin-left:-10px}.hex-wrapper .hex-row:last-child{align-items:flex-start}.hex-wrapper .hex-row:last-child .hex-sm{margin:26.2743px 10px 19.26782px 0}.hex-xxs{transition:width 1s,height 1s,margin 1s,background-color 1s,color 1s;position:relative;width:45px;height:26.01156px;background:#731acc;margin:8.67052px auto 8.67052px 0;display:flex;align-items:center;justify-content:center;color:#fff0e2}.hex-xxs:after,.hex-xxs:before{content:"";position:absolute;border-left:22.5px solid transparent;border-right:22.5px solid transparent}.hex-xxs:before{bottom:100%;border-bottom:13.00578px solid #731acc;transition:bottom 1s,border 1s}.hex-xxs:after{top:100%;border-top:13.00578px solid #731acc;transition:top 1s,border 1s}.hex-xxs:focus{outline:none}.hex-xxs .hex-interior{z-index:1;display:flex;flex-direction:column;align-items:center}.hex-xxs .hex-interior svg{transition:font-size 1s,color 1s;color:#fff;margin-right:0;font-size:22.5px}.hex-xxs .hex-interior .modal-toggle{border:none;padding:4px 8px;display:inline-block;font-size:16px;margin-top:10px;border-radius:5%;color:#ffbc1d;background-color:#282c34;-webkit-animation:createBox .5s,pulseOut 3s ease-in-out infinite;animation:createBox .5s,pulseOut 3s ease-in-out infinite}@-webkit-keyframes createBox{0%{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes pulseOut{0%{box-shadow:0 0 0 5px rgba(255,188,29,0)}50%{border-radius:1%;box-shadow:0 0 0 5px rgba(40,44,52,.57)}to{box-shadow:0 0 0 5px #ffbc1d}}.hex-xs{transition:width 1s,height 1s,margin 1s,background-color 1s,color 1s;position:relative;width:55px;height:31.79191px;background:#ffbc1d;margin:10.5973px auto 10.5973px 0;display:flex;align-items:center;justify-content:center}.hex-xs:after,.hex-xs:before{content:"";position:absolute;border-left:27.5px solid transparent;border-right:27.5px solid transparent}.hex-xs:before{bottom:100%;border-bottom:15.89595px solid #ffbc1d;transition:bottom 1s,border 1s}.hex-xs:after{top:100%;border-top:15.89595px solid #ffbc1d;transition:top 1s,border 1s}.hex-xs:focus{outline:none}.hex-xs .hex-interior{z-index:1;display:flex;flex-direction:column;align-items:center}.hex-xs .hex-interior svg{transition:font-size 1s,color 1s;color:#fff;margin-right:0;font-size:27.5px}.hex-xs .hex-interior .modal-toggle{border:none;padding:4px 8px;display:inline-block;font-size:16px;margin-top:10px;border-radius:5%;color:#ffbc1d;background-color:#282c34;-webkit-animation:createBox .5s,pulseOut 3s ease-in-out infinite;animation:createBox .5s,pulseOut 3s ease-in-out infinite}.hex-sm{transition:width 1s,height 1s,margin 1s,background-color 1s,color 1s;position:relative;width:100px;height:57.80347px;background:#6e4299;margin:19.26782px auto 19.26782px 0;display:flex;align-items:center;justify-content:center}.hex-sm:after,.hex-sm:before{content:"";position:absolute;border-left:50px solid transparent;border-right:50px solid transparent}.hex-sm:before{bottom:100%;border-bottom:28.90173px solid #6e4299;transition:bottom 1s,border 1s}.hex-sm:after{top:100%;border-top:28.90173px solid #6e4299;transition:top 1s,border 1s}.hex-sm:focus{outline:none}.hex-sm .hex-interior{z-index:1;display:flex;flex-direction:column;align-items:center}.hex-sm .hex-interior svg{transition:font-size 1s,color 1s;color:#fff;margin-right:0;font-size:50px}.hex-sm .hex-interior .modal-toggle{border:none;padding:4px 8px;display:inline-block;font-size:16px;margin-top:10px;border-radius:5%;color:#ffbc1d;background-color:#282c34;-webkit-animation:createBox .5s,pulseOut 3s ease-in-out infinite;animation:createBox .5s,pulseOut 3s ease-in-out infinite}.hex-md{transition:width 1s,height 1s,margin 1s,background-color 1s,color 1s;position:relative;width:140px;height:80.92486px;background:#0711ff;margin:26.97495px auto 26.97495px 0;display:flex;align-items:center;justify-content:center}.hex-md:after,.hex-md:before{content:"";position:absolute;border-left:70px solid transparent;border-right:70px solid transparent}.hex-md:before{bottom:100%;border-bottom:40.46243px solid #0711ff;transition:bottom 1s,border 1s}.hex-md:after{top:100%;border-top:40.46243px solid #0711ff;transition:top 1s,border 1s}.hex-md:focus{outline:none}.hex-md .hex-interior{z-index:1;display:flex;flex-direction:column;align-items:center}.hex-md .hex-interior svg{transition:font-size 1s,color 1s;color:#fff;margin-right:0;font-size:70px}.hex-md .hex-interior .modal-toggle{border:none;padding:4px 8px;display:inline-block;font-size:16px;margin-top:10px;border-radius:5%;color:#ffbc1d;background-color:#282c34;-webkit-animation:createBox .5s,pulseOut 3s ease-in-out infinite;animation:createBox .5s,pulseOut 3s ease-in-out infinite}.hex-lg{transition:width 1s,height 1s,margin 1s,background-color 1s,color 1s;position:relative;width:175px;height:101.15607px;background:#ffbc1d;margin:33.71869px auto 33.71869px 0;display:flex;align-items:center;justify-content:center}.hex-lg:after,.hex-lg:before{content:"";position:absolute;border-left:87.5px solid transparent;border-right:87.5px solid transparent}.hex-lg:before{bottom:100%;border-bottom:50.57803px solid #ffbc1d;transition:bottom 1s,border 1s}.hex-lg:after{top:100%;border-top:50.57803px solid #ffbc1d;transition:top 1s,border 1s}.hex-lg:focus{outline:none}.hex-lg .hex-interior{z-index:1;display:flex;flex-direction:column;align-items:center}.hex-lg .hex-interior svg{transition:font-size 1s,color 1s;color:#fff;margin-right:0;font-size:87.5px}.hex-lg .hex-interior .modal-toggle{border:none;padding:4px 8px;display:inline-block;font-size:16px;margin-top:10px;border-radius:5%;color:#ffbc1d;background-color:#282c34;-webkit-animation:createBox .5s,pulseOut 3s ease-in-out infinite;animation:createBox .5s,pulseOut 3s ease-in-out infinite}.hex-lg .hex-interior svg{color:#282c34}.hex-xl{transition:width 1s,height 1s,margin 1s,background-color 1s,color 1s;position:relative;width:260px;height:150.28902px;background:#f7af02;margin:50.09634px auto 50.09634px 0;display:flex;align-items:center;justify-content:center}.hex-xl:after,.hex-xl:before{content:"";position:absolute;border-left:130px solid transparent;border-right:130px solid transparent}.hex-xl:before{bottom:100%;border-bottom:75.14451px solid #f7af02;transition:bottom 1s,border 1s}.hex-xl:after{top:100%;border-top:75.14451px solid #f7af02;transition:top 1s,border 1s}.hex-xl:focus{outline:none}.hex-xl .hex-interior{z-index:1;display:flex;flex-direction:column;align-items:center}.hex-xl .hex-interior svg{transition:font-size 1s,color 1s;color:#fff;margin-right:0;font-size:130px}.hex-xl .hex-interior .modal-toggle{border:none;padding:4px 8px;display:inline-block;font-size:16px;margin-top:10px;border-radius:5%;color:#ffbc1d;background-color:#282c34;-webkit-animation:createBox .5s,pulseOut 3s ease-in-out infinite;animation:createBox .5s,pulseOut 3s ease-in-out infinite}.hex-modal{transition:width 1s,height 1s,margin 1s,background-color 1s,color 1s;position:relative;width:350px;height:202.31214px;background:#f7af02;margin:67.43738px auto 67.43738px 0;display:flex;align-items:center;justify-content:center;height:auto;min-height:202.31214px;max-height:60%;color:#282c34}.hex-modal:after,.hex-modal:before{content:"";position:absolute;border-left:175px solid transparent;border-right:175px solid transparent}.hex-modal:before{bottom:100%;border-bottom:101.15607px solid #f7af02;transition:bottom 1s,border 1s}.hex-modal:after{top:100%;border-top:101.15607px solid #f7af02;transition:top 1s,border 1s}.hex-modal:focus{outline:none}.hex-modal .hex-interior{z-index:1;display:flex;flex-direction:column;align-items:center}.hex-modal .hex-interior svg{transition:font-size 1s,color 1s;color:#fff;margin-right:0;font-size:175px}.hex-modal .hex-interior .modal-toggle{border:none;padding:4px 8px;display:inline-block;font-size:16px;margin-top:10px;border-radius:5%;color:#ffbc1d;background-color:#282c34;-webkit-animation:createBox .5s,pulseOut 3s ease-in-out infinite;animation:createBox .5s,pulseOut 3s ease-in-out infinite}@keyframes createBox{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes pulseOut{0%{box-shadow:0 0 0 5px rgba(255,188,29,0)}50%{border-radius:1%;box-shadow:0 0 0 5px rgba(40,44,52,.57)}to{box-shadow:0 0 0 5px #ffbc1d}}@media (min-width:481px){.hex-modal{transition:width 1s,height 1s,margin 1s,background-color 1s,color 1s;position:relative;width:450px;height:260.11561px;background:#f7af02;margin:86.7052px auto 86.7052px 0;display:flex;align-items:center;justify-content:center;height:auto;min-height:260.11561px}.hex-modal:after,.hex-modal:before{content:"";position:absolute;border-left:225px solid transparent;border-right:225px solid transparent}.hex-modal:before{bottom:100%;border-bottom:130.0578px solid #f7af02;transition:bottom 1s,border 1s}.hex-modal:after{top:100%;border-top:130.0578px solid #f7af02;transition:top 1s,border 1s}.hex-modal:focus{outline:none}.hex-modal .hex-interior{z-index:1;display:flex;flex-direction:column;align-items:center}.hex-modal .hex-interior svg{transition:font-size 1s,color 1s;color:#fff;margin-right:0;font-size:225px}.hex-modal .hex-interior .modal-toggle{border:none;padding:4px 8px;display:inline-block;font-size:16px;margin-top:10px;border-radius:5%;color:#ffbc1d;background-color:#282c34;-webkit-animation:createBox .5s,pulseOut 3s ease-in-out infinite;animation:createBox .5s,pulseOut 3s ease-in-out infinite}@-webkit-keyframes createBox{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes createBox{0%{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes pulseOut{0%{box-shadow:0 0 0 5px rgba(255,188,29,0)}50%{border-radius:1%;box-shadow:0 0 0 5px rgba(40,44,52,.57)}to{box-shadow:0 0 0 5px #ffbc1d}}@keyframes pulseOut{0%{box-shadow:0 0 0 5px rgba(255,188,29,0)}50%{border-radius:1%;box-shadow:0 0 0 5px rgba(40,44,52,.57)}to{box-shadow:0 0 0 5px #ffbc1d}}}.hex-modal .hex-interior svg{color:#282c34}#modal-overlay{width:100%;height:100%;z-index:2;background-color:#000;opacity:.5;position:fixed;top:0;left:0;margin:0;padding:0}#modal{z-index:3;position:absolute;left:50%;top:18%;transform:translate(-50%)}#modal .hex-interior{text-align:center;max-height:400px}#modal .hex-interior svg{width:auto;margin:-50px 0 10px;font-size:50px}@media (min-width:481px){#modal .hex-interior svg{margin:-90px 0 10px}}#modal .hex-interior .modal-body{overflow:auto;margin-bottom:5px;display:flex;align-items:center;flex-flow:column}#modal .hex-interior .btn-close{float:right;position:absolute;top:-90px;left:305px;font-size:30px;border:none;display:inline-flex}@media (min-width:481px){#modal .hex-interior .btn-close{left:405px}}#modal .hex-interior .screen-reader-offscreen{position:absolute;left:-999px;width:1px;height:1px;top:auto}
/*# sourceMappingURL=main.e861ca7e.chunk.css.map */