@import url(https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);:root{--main-bg-color:#00ff4c;--secondary-color:#25be25;--special-font-color:#25be25;--main-font-color:#000;--secondary-color-hover:#49f349}body{background:url(/static/media/Circuit%20Board.84ac93c8ab3e087d6d74.svg) no-repeat 50% fixed;background-color:#071829;background-size:cover;color:#c8c1ca;font-family:Raleway,Arial Narrow,Segoe UI,Frutiger,Dejavu Sans,Helvetica Neue Arial,sans-serif;margin:0;width:100%}.center{display:flex;justify-content:center}.left{display:flex;justify-content:left}.right{justify-content:right}.flex,.flexCol,.right{display:flex}.flexCol{flex-direction:column}.flexRow{display:flex;flex-direction:row}.block{display:block}.full{width:100%}.mt{margin-top:5pc}.mt1{margin-top:1pc}.mt2{margin-top:2pc}.mt3{margin-top:3pc}.mt4{margin-top:4pc}.mt5{margin-top:5pc}.mt6{margin-top:6pc}.mt7{margin-top:7pc}.mt8{margin-top:8pc}.mt9{margin-top:9pc}.mt10{margin-top:10pc}.ml1{margin-left:1pc}.ml2{margin-left:2pc}.ml3{margin-left:3pc}.ml4{margin-left:4pc}.ml5{margin-left:5pc}.ml6{margin-left:6pc}.ml7{margin-left:7pc}.ml8{margin-left:8pc}.ml9{margin-left:9pc}.ml10{margin-left:10pc}.mr1{margin-right:1pc}.mr2{margin-right:2pc}.mr3{margin-right:3pc}.mr4{margin-right:4pc}.mr5{margin-right:5pc}.mr6{margin-right:6pc}.mr7{margin-right:7pc}.mr8{margin-right:8pc}.mr9{margin-right:9pc}.mr10{margin-right:10pc}.loaderBackground{background-color:#071829;height:100vh;position:fixed;width:100%}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid var(--main-bg-color);border-left:4px solid transparent;border-radius:50%;height:60px;width:60px}.loaderDiv{margin-top:45vh;text-align:center}.loaderDiv span{color:var(--main-bg-color);font-size:40px;position:fixed;-webkit-transform:translate(-15px,-60px);transform:translate(-15px,-60px)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.transition{background-color:#071829;display:block;height:100vh;position:fixed;width:100%;z-index:21}body::-webkit-scrollbar{width:7px}body::-webkit-scrollbar-track{background:none}body::-webkit-scrollbar-thumb{background-color:var(--main-bg-color);border-radius:20px}a:active,a:hover,a:link,a:visited{color:#fff;text-decoration:none}footer{background-color:#071829;padding:1%;text-align:center}.menuIcon,.menuMobile{display:none}button{background-color:#071829;border:2px solid var(--main-bg-color);border-radius:5px;color:var(--main-bg-color);font-size:13px;font-weight:bolder;height:3%;margin-top:.6%;opacity:1;padding:.5pc;transition:.2s}button:hover{background-color:#0f3616;cursor:pointer}.white{color:#fff}.green{color:var(--main-bg-color)}@media(min-width:1201px){.content{width:80%}header{background-color:#071829;box-shadow:10px 10px 33px 3px rgba(0,0,0,.5);color:var(--main-bg-color);display:flex;justify-content:space-between;opacity:.9;padding:.5%;position:fixed;top:0;width:100%;z-index:20}header button,nav{display:none}.circle{border:var(--main-bg-color) solid;border-radius:50%;display:block;font-size:200%;height:2.5pc;margin-left:2%;text-align:center;width:2.5pc}header ol{display:flex;text-align:right;width:30pc}header li{margin-left:7%}header li a{transition:.2s}header li a:hover{color:var(--main-bg-color)}.social{margin-bottom:6pc;z-index:19}.social,.social:after{bottom:0;position:fixed}.social:after{background-color:#c8c1ca;content:"";display:block;height:90px;margin-left:.5pc;width:1px}.social li{list-style:none;margin-bottom:.7pc;position:relative;transition:.2s;width:1.3pc}.social li:hover{-webkit-transform:translateY(-20%);transform:translateY(-20%)}svg:hover{color:var(--main-bg-color)}.mailRight{bottom:0;margin-bottom:12pc;position:fixed;right:0;-webkit-transform:rotate(90deg) translateY(-2pc);transform:rotate(90deg) translateY(-2pc);transition:.2s;z-index:19}.mailRight:hover{margin-bottom:13pc}.mailRight a:hover{color:var(--main-bg-color)}.mailRight:after{background-color:#c8c1ca;bottom:0;content:"";display:block;height:1px;margin-left:.5pc;position:fixed;-webkit-transform:translate(14pc,-.5pc);transform:translate(14pc,-.5pc);width:300px}.init{margin-left:15%;margin-top:15%;width:80%}#init1{color:var(--main-bg-color);font-size:20px}.init h1{font-size:5pc;margin:0}#init3{color:#a8a7a7;font-size:5pc}#init4{color:#a8a7a7;font-size:20px;width:70%}.title{font-size:30px}.about{margin-bottom:20%;margin-left:15%;margin-top:20pc;width:70%}.title:after{background-color:#c8c1ca;content:"";display:block;height:1px;margin-left:.5pc;-webkit-transform:translate(12pc,-1pc);transform:translate(12pc,-1pc);width:300px}.aboutContent{display:flex}.aboutText{width:60%}.imgAbout img{margin-left:4pc;z-index:11}.aboutGreen,.imgAbout img{border-radius:5px;height:15pc;width:15pc}.aboutGreen{background-color:var(--main-bg-color);content:"";display:block;opacity:.4;position:absolute;-webkit-transform:translate(4pc);transform:translate(4pc);transition:.5s;z-index:10}.aboutGreen:hover{opacity:0}.imgAbout:after{border:2px solid var(--main-bg-color);border-radius:10px;content:"";display:block;height:15pc;position:absolute;-webkit-transform:translate(5pc,-14pc);transform:translate(5pc,-14pc);width:15pc;z-index:-1}.tech{margin-left:15%}.roulete{display:flex;overflow-x:hidden;overflow-y:hidden;padding-bottom:.5pc;padding-top:.5pc;width:80%}.techImg{margin-left:5%;transition:.5s;width:20%}.techImg:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.projects{margin-top:20%}.projects .title{margin-left:10%}.web{margin-bottom:15%;margin-right:5%}.webBefore,.webImg{border-top-left-radius:10px;border-top-right-radius:10px;height:16pc;width:30pc}.webBefore{background-color:var(--main-bg-color);content:"";opacity:.4;position:absolute;z-index:10}.webBefore,.webBefore a{display:block;transition:.5s}.webBefore a{color:#071829;font-size:30px;opacity:0;padding:25%;text-align:center}.webBefore a:hover{opacity:1;transition:.5s}.webBefore:hover{opacity:.9}.webFooter{background-color:#0b2642;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:10px 10px 25px 0 rgba(0,0,0,.75);padding:1pc;text-align:justify;width:28pc}.projectImg{width:35pc}.projectGreen,.projectImg{border-radius:10px;height:17pc}.projectGreen{background-color:var(--main-bg-color);content:"";display:block;opacity:.4;position:absolute;transition:.5s;width:34.7pc;z-index:10}.projectGreen a{display:block;opacity:0;padding:9pc}.projectGreen:hover{opacity:0}.left .projectGreen{margin-left:16.3pc}.left ul{margin-left:15pc}.projectContentRight{-webkit-transform:translate(15pc,-14pc);transform:translate(15pc,-14pc)}.projectContentLeft,.projectContentRight{background-color:#0b2642;border-radius:10px;box-shadow:10px 10px 25px 0 rgba(0,0,0,.75);padding:1pc;position:absolute;width:35pc;z-index:11}.projectContentLeft{-webkit-transform:translateY(-14pc);transform:translateY(-14pc)}.projectTitle{height:10pc;margin-left:1%;text-align:right;-webkit-transform:translateY(-1pc);transform:translateY(-1pc);width:16pc}.left .projectTitle{text-align:left}.project{margin-bottom:10%}.project ul li{margin-right:2.5pc}.contact{font-size:20px;margin:10%;text-align:center}.contactTitle{font-size:30px}.contact button{font-size:15px;padding:1pc}}@media (max-width:1200px) and (min-width:721px){.content{width:80%}header{background-color:#071829;box-shadow:10px 10px 33px 3px rgba(0,0,0,.5);color:var(--main-bg-color);display:flex;justify-content:space-between;opacity:.9;padding:1%;position:fixed;top:0;width:100%;z-index:20}header button{border:none;margin-right:15px;padding:0}.linea{background-color:var(--main-bg-color);height:2px;margin:8px;width:25px}nav{background-color:#071829;display:block;height:120vh;position:fixed;width:100%;z-index:19}nav ol{margin-top:5pc}nav li{font-size:120%;margin:1pc}nav a:hover{color:var(--main-bg-color)}.circle{border:var(--main-bg-color) solid;border-radius:50%;display:block;font-size:200%;height:2.5pc;margin-left:2%;text-align:center;width:2.5pc}header ol{display:none;text-align:right;text-align:left;width:10pc}header li{font-size:15px;margin-left:7%}header li a{transition:.2s}header li a:hover{color:var(--main-bg-color)}.social{margin-bottom:6pc;z-index:18}.social,.social:after{bottom:0;position:fixed}.social:after{background-color:#c8c1ca;content:"";display:block;height:90px;margin-left:.5pc;width:1px}.social li{list-style:none;margin-bottom:.7pc;position:relative;transition:.2s;width:1.3pc}.social li:hover{-webkit-transform:translateY(-20%);transform:translateY(-20%)}svg:hover{color:var(--main-bg-color)}.mailRight{bottom:0;font-size:15px;margin-bottom:12pc;position:fixed;right:0;-webkit-transform:rotate(90deg) translateY(-3pc);transform:rotate(90deg) translateY(-3pc);transition:.2s;z-index:18}.mailRight:hover{margin-bottom:13pc}.mailRight a:hover{color:var(--main-bg-color)}.mailRight:after{background-color:#c8c1ca;bottom:0;content:"";display:block;height:1px;margin-left:.5pc;position:fixed;-webkit-transform:translate(14pc,-.5pc);transform:translate(14pc,-.5pc);width:300px}.init{margin-left:15%;margin-top:25%;width:85%}#init1{color:var(--main-bg-color);font-size:16px}.init h1{font-size:3pc;margin:0}#init3{color:#a8a7a7;font-size:3pc}#init4{color:#a8a7a7;font-size:16px;width:70%}.title{font-size:25px}.about{margin-bottom:20%;margin-left:5%;margin-top:10pc;width:90%}.title:after{background-color:#c8c1ca;content:"";display:block;height:1px;margin-left:.5pc;-webkit-transform:translate(11pc,-1pc);transform:translate(11pc,-1pc);width:300px}.aboutContent{display:flex}.aboutText{font-size:14px;width:100%}.imgAbout img{margin-left:3pc;z-index:11}.aboutGreen,.imgAbout img{border-radius:5px;height:10pc;width:10pc}.aboutGreen{background-color:var(--main-bg-color);content:"";display:block;opacity:.4;position:absolute;-webkit-transform:translate(3pc);transform:translate(3pc);transition:.5s;z-index:10}.aboutGreen:hover{opacity:0}.imgAbout:after{border:2px solid var(--main-bg-color);border-radius:10px;content:"";display:block;height:10pc;position:absolute;-webkit-transform:translate(3.5pc,-9.5pc);transform:translate(3.5pc,-9.5pc);width:10pc;z-index:-1}.tech{margin-left:10%}.roulete{display:flex;overflow-x:hidden;overflow-y:hidden;padding-bottom:.5pc;padding-top:.5pc;width:80%}.techImg{margin-left:5%;transition:.5s;width:20%}.techImg:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.projects{margin-top:20%}.projects .title{margin-left:10%}.web{margin-bottom:15%;margin-right:0}.webBefore,.webImg{border-top-left-radius:10px;border-top-right-radius:10px;height:13pc;width:25pc}.webBefore{background-color:var(--main-bg-color);content:"";opacity:.4;position:absolute;z-index:10}.webBefore,.webBefore a{display:block;transition:.5s}.webBefore a{color:#071829;font-size:30px;opacity:0;padding:21%;text-align:center}.webBefore a:hover{opacity:1;transition:.5s}.webBefore:hover{opacity:.9}.webFooter{background-color:#0b2642;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:10px 10px 25px 0 rgba(0,0,0,.75);font-size:15px;padding:.5pc;text-align:justify;width:24pc}.projectImg{width:25pc}.projectGreen,.projectImg{border-radius:10px;height:12pc}.projectGreen{background-color:var(--main-bg-color);content:"";display:block;opacity:.4;position:absolute;transition:.5s;width:24.5pc;z-index:10}.projectGreen a{display:block;opacity:0;padding:6pc}.projectGreen:hover{opacity:0}.left .projectGreen{margin-left:11.5pc}.left ul{margin-left:15pc}.projectContentRight{-webkit-transform:translate(15pc,-9pc);transform:translate(15pc,-9pc)}.projectContentLeft,.projectContentRight{background-color:#0b2642;border-radius:10px;box-shadow:10px 10px 25px 0 rgba(0,0,0,.75);font-size:14px;padding:.5pc;position:absolute;width:20pc;z-index:11}.projectContentLeft{-webkit-transform:translateY(-8pc);transform:translateY(-8pc)}.projectTitle{font-size:17px;height:10pc;margin-left:2%;margin-top:20px;text-align:right;width:11pc}.left .projectTitle{text-align:left}.project{margin-bottom:10%}.project ul li{display:none}.contact{font-size:20px;margin:10%;text-align:center}.contactTitle{font-size:30px}.contact button{font-size:15px;padding:1pc}}@media (max-width:722px){.content{width:95%}header{background-color:#071829;box-shadow:10px 10px 33px 3px rgba(0,0,0,.5);color:var(--main-bg-color);display:flex;font-size:12px;justify-content:space-between;opacity:.9;padding:1%;position:fixed;top:0;width:100%;z-index:20}header button{border:none;margin-right:15px;margin-top:5px;padding:0}.linea{background-color:var(--main-bg-color);height:2px;margin:6px;width:20px}nav{background-color:#071829;display:block;height:120vh;position:fixed;width:100%;z-index:19}nav ol{margin-top:5pc}nav li{font-size:120%;margin:1pc}nav a:hover{color:var(--main-bg-color)}.circle{border:2px solid var(--main-bg-color);border-radius:50%;display:block;font-size:1.4pc;height:1.7pc;margin-bottom:5px;margin-left:2%;margin-top:5px;text-align:center;width:1.7pc}header ol{display:none;text-align:right;width:90%}header li{margin-left:7%}header li a{transition:.2s}header li a:hover{color:var(--main-bg-color)}.mailRight,.social{display:none}.init{margin-left:5%;margin-right:2%;margin-top:10pc}#init1{color:var(--main-bg-color);font-size:80%}.init h1{font-size:180%;margin:0}#init3{color:#a8a7a7;font-size:180%}#init4{color:#a8a7a7;font-size:80%}button{font-size:10px;margin-top:5%}.title{font-size:16px}.about{margin-bottom:10pc;margin-left:5%;margin-top:15pc}.title:after{background-color:#c8c1ca;content:"";display:block;height:1px;margin-left:.5pc;-webkit-transform:translate(7pc,-.6pc);transform:translate(7pc,-.6pc);width:100px}.aboutContent{display:flex;flex-direction:column}.aboutText{font-size:12px;margin-left:2%;text-align:justify;width:95%}.imgAbout img{border-radius:5px;height:10pc;margin-top:1pc;width:10pc;z-index:11}.imgAbout{margin-left:25%}.aboutGreen{background-color:var(--main-bg-color);border-radius:5px;content:"";display:block;height:10pc;opacity:.4;position:absolute;-webkit-transform:translateY(1pc);transform:translateY(1pc);transition:.5s;width:10pc;z-index:10}.aboutGreen:hover{opacity:0}.imgAbout:after{border:2px solid var(--main-bg-color);border-radius:10px;content:"";display:block;height:10pc;position:absolute;-webkit-transform:translate(.5pc,-9.5pc);transform:translate(.5pc,-9.5pc);width:10pc;z-index:-1}.tech{margin-left:5%}.roulete{display:flex;overflow-x:hidden;overflow-y:hidden;padding-bottom:.5pc;padding-top:.5pc;width:95%}.techImg{margin-left:5%;transition:.5s;width:30%}.techImg:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.projects{margin-top:10pc}.web{margin-bottom:15%;margin-right:0}.web h2{font-size:15px}.webBefore,.webImg{border-top-left-radius:10px;border-top-right-radius:10px;height:9pc;width:15pc}.webBefore{background-color:var(--main-bg-color);content:"";opacity:.4;position:absolute;z-index:10}.webBefore,.webBefore a{display:block;transition:.5s}.webBefore a{color:#071829;font-size:30px;opacity:0;padding:21%;text-align:center}.webBefore a:hover{opacity:1;transition:.5s}.webBefore:hover{opacity:.9}.webFooter{background-color:#0b2642;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:5px 5px 20px 0 rgba(0,0,0,.75);font-size:10px;padding:.5pc;text-align:justify;width:14pc}.projectGreen,.projectImg{border-radius:5px;display:block;height:6pc;width:12pc}.projectGreen{background-color:var(--main-bg-color);content:"";opacity:.4;position:absolute;transition:.5s;z-index:10}.projectGreen a{display:block;opacity:0;padding:2.5pc}.projectGreen:hover{opacity:0}.left .projectGreen{margin-left:4.6pc}.left ul{margin-left:15pc}.projectContentRight{-webkit-transform:translate(4pc,-9.5pc);transform:translate(4pc,-9.5pc)}.projectContentLeft,.projectContentRight{background-color:#0b2642;border-radius:5px;box-shadow:5px 5px 20px 0 rgba(0,0,0,.75);font-size:50%;padding:2%;position:absolute;width:12pc;z-index:11}.projectContentLeft{-webkit-transform:translate(.2pc,-10pc);transform:translate(.2pc,-10pc)}.projectTitle{font-size:50%;height:10pc;margin-left:2%;text-align:right;width:26%}.left .projectTitle{text-align:left}.project{margin-top:15%;width:17pc}.project ul li{display:none}.contact{font-size:12px;margin:10%;text-align:center}.contactTitle{font-size:20px}.contact button{font-size:12px;padding:.5pc}footer{font-size:10px;padding-left:2%;padding-right:2%}}
/*# sourceMappingURL=main.f5695f45.css.map*/