@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lobster&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);.container{margin:0 auto;width:100%;padding-right:15px;padding-left:15px}.dim{opacity:.5}.section-title{margin-top:60px;margin-bottom:40px;font-size:2rem}.button-purple{display:inline-block;line-height:45px;font-family:Roboto,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:2.5px;font-weight:500;border:none;border-radius:45px;box-shadow:0 8px 15px rgba(0,0,0,.1);transition:all .3s ease 0s;cursor:pointer;outline:0;text-decoration:none;text-align:center;width:140px;height:45px;background-color:#6f42c1;color:#fff}.button-purple:hover{background-color:#6f42c1;color:#fdf5e6;transform:translateY(-5px);box-shadow:0 15px 20px rgba(111,66,193,.4)}.button-white{display:inline-block;line-height:45px;font-family:Roboto,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:2.5px;font-weight:500;border:none;border-radius:45px;box-shadow:0 8px 15px rgba(0,0,0,.1);transition:all .3s ease 0s;cursor:pointer;outline:0;text-decoration:none;text-align:center;width:140px;height:45px;background-color:#fff;color:#000}.button-white:hover{background-color:#6f42c1;color:#fdf5e6;transform:translateY(-5px);box-shadow:0 15px 20px rgba(111,66,193,.4)}.button-transparent{display:inline-block;line-height:45px;font-family:Roboto,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:2.5px;font-weight:500;border:none;border-radius:45px;box-shadow:0 8px 15px rgba(0,0,0,.1);transition:all .3s ease 0s;cursor:pointer;outline:0;text-decoration:none;text-align:center;width:140px;height:45px;background:rgba(255,255,255,.2);color:#fff}.button-transparent:hover{background-color:#6f42c1;color:#fdf5e6;transform:translateY(-5px);box-shadow:0 15px 20px rgba(111,66,193,.4)}.button-transparent:hover{background-color:rgba(255,255,255,.2);color:#fdf5e6}.hide{display:none}.stars,.twinkling{position:relative;top:0;left:0;right:0;bottom:0;width:100%;height:auto;display:block}.stars{background:#000 url(/images/stars.png) repeat top center;z-index:0}.twinkling{background:transparent url(/images/twinkling.png) repeat top center;z-index:-9;-moz-animation:move-twink-back 200s linear infinite;-ms-animation:move-twink-back 200s linear infinite;-o-animation:move-twink-back 200s linear infinite;-webkit-animation:move-twink-back 200s linear infinite;animation:move-twink-back 200s linear infinite}@keyframes move-twink-back{from{background-position:0 0}to{background-position:-10000px 5000px}}@-webkit-keyframes move-twink-back{from{background-position:0 0}to{background-position:-10000px 5000px}}@-moz-keyframes move-twink-back{from{background-position:0 0}to{background-position:-10000px 5000px}}@-ms-keyframes move-twink-back{from{background-position:0 0}to{background-position:-10000px 5000px}}#stars{width:1px;height:1px;background:0 0;box-shadow:297px 1737px #fff,1325px 1038px #fff,1191px 1721px #fff,966px 1505px #fff,366px 1268px #fff,876px 1097px #fff,729px 1489px #fff,1027px 1532px #fff,523px 1882px #fff,1210px 1261px #fff,1087px 1292px #fff,995px 721px #fff,86px 1574px #fff,1844px 978px #fff,1435px 5px #fff,1924px 1729px #fff,437px 1460px #fff,954px 1364px #fff,1387px 1721px #fff,1123px 1324px #fff,1243px 1401px #fff,369px 59px #fff,315px 1360px #fff,745px 1432px #fff,195px 185px #fff,270px 1468px #fff,477px 1852px #fff,162px 379px #fff,1092px 654px #fff,225px 699px #fff,1844px 42px #fff,229px 1277px #fff,496px 695px #fff,10px 119px #fff,688px 1672px #fff,231px 1478px #fff,1860px 53px #fff,735px 1286px #fff,1066px 1782px #fff,127px 324px #fff,1648px 910px #fff,1880px 1304px #fff,894px 1488px #fff,923px 115px #fff,436px 6px #fff,245px 1117px #fff,772px 1106px #fff,703px 1478px #fff,701px 538px #fff,949px 642px #fff,1141px 1192px #fff,1545px 547px #fff,1616px 575px #fff,1837px 451px #fff,1615px 1264px #fff,960px 1336px #fff,1712px 534px #fff,853px 1446px #fff,764px 1157px #fff,1690px 524px #fff,45px 1734px #fff,1915px 328px #fff,827px 190px #fff,1474px 1775px #fff,30px 1610px #fff,1954px 1437px #fff,1861px 1870px #fff,960px 1472px #fff,1745px 500px #fff,227px 393px #fff,1878px 1893px #fff,691px 440px #fff,446px 311px #fff,530px 1379px #fff,772px 1040px #fff,1382px 1742px #fff,391px 1736px #fff,1956px 763px #fff,1850px 1158px #fff,541px 1688px #fff,1871px 960px #fff,1506px 1491px #fff,1288px 1072px #fff,1519px 911px #fff,1353px 1362px #fff,1247px 1655px #fff,1263px 556px #fff,1254px 1042px #fff,186px 1603px #fff,1487px 473px #fff,475px 1820px #fff,1410px 52px #fff,653px 453px #fff,1040px 261px #fff,791px 639px #fff,213px 1564px #fff,900px 1252px #fff,706px 1872px #fff,221px 108px #fff,736px 149px #fff,1760px 689px #fff,94px 679px #fff,1029px 1728px #fff,902px 604px #fff,1296px 1580px #fff,635px 1326px #fff,1904px 33px #fff,952px 840px #fff,1031px 657px #fff,284px 172px #fff,1481px 1430px #fff,506px 1403px #fff,611px 1064px #fff,1961px 1295px #fff,345px 881px #fff,1404px 1349px #fff,1825px 295px #fff,1719px 384px #fff,246px 1492px #fff,1829px 348px #fff,1766px 1028px #fff,1806px 765px #fff,1773px 192px #fff,1775px 1107px #fff,278px 264px #fff,1631px 1324px #fff,854px 1292px #fff,211px 1174px #fff,1812px 256px #fff,1743px 1489px #fff,1954px 519px #fff,625px 362px #fff,1441px 863px #fff,1617px 1292px #fff,1408px 707px #fff,142px 820px #fff,1179px 1871px #fff,7px 1447px #fff,985px 1191px #fff,935px 1750px #fff;animation:animStar 50s linear infinite;position:absolute;z-index:-8}#stars:after{content:" ";position:absolute;top:2000px;width:1px;height:1px;background:0 0;box-shadow:297px 1737px #fff,1325px 1038px #fff,1191px 1721px #fff,966px 1505px #fff,366px 1268px #fff,876px 1097px #fff,729px 1489px #fff,1027px 1532px #fff,523px 1882px #fff,1210px 1261px #fff,1087px 1292px #fff,995px 721px #fff,86px 1574px #fff,1844px 978px #fff,1435px 5px #fff,1924px 1729px #fff,437px 1460px #fff,954px 1364px #fff,1387px 1721px #fff,1123px 1324px #fff,1243px 1401px #fff,369px 59px #fff,315px 1360px #fff,745px 1432px #fff,195px 185px #fff,270px 1468px #fff,477px 1852px #fff,162px 379px #fff,1092px 654px #fff,225px 699px #fff,1844px 42px #fff,229px 1277px #fff,496px 695px #fff,10px 119px #fff,688px 1672px #fff,231px 1478px #fff,1860px 53px #fff,735px 1286px #fff,1066px 1782px #fff,127px 324px #fff,1648px 910px #fff,1880px 1304px #fff,894px 1488px #fff,923px 115px #fff,436px 6px #fff,245px 1117px #fff,772px 1106px #fff,703px 1478px #fff,701px 538px #fff,949px 642px #fff,1141px 1192px #fff,1545px 547px #fff,1616px 575px #fff,1837px 451px #fff,1615px 1264px #fff,960px 1336px #fff,1712px 534px #fff,853px 1446px #fff,764px 1157px #fff,1690px 524px #fff,45px 1734px #fff,1915px 328px #fff,827px 190px #fff,1474px 1775px #fff,30px 1610px #fff,1954px 1437px #fff,1861px 1870px #fff,960px 1472px #fff,1745px 500px #fff,227px 393px #fff,1878px 1893px #fff,691px 440px #fff,446px 311px #fff,530px 1379px #fff,772px 1040px #fff,1382px 1742px #fff,391px 1736px #fff,1956px 763px #fff,1850px 1158px #fff,541px 1688px #fff,1871px 960px #fff,1506px 1491px #fff,1288px 1072px #fff,1519px 911px #fff,1353px 1362px #fff,1247px 1655px #fff,1263px 556px #fff,1254px 1042px #fff,186px 1603px #fff,1487px 473px #fff,475px 1820px #fff,1410px 52px #fff,653px 453px #fff,1040px 261px #fff,791px 639px #fff,213px 1564px #fff,900px 1252px #fff,706px 1872px #fff,221px 108px #fff,736px 149px #fff,1760px 689px #fff,94px 679px #fff,1029px 1728px #fff,902px 604px #fff,1296px 1580px #fff,635px 1326px #fff,1904px 33px #fff,952px 840px #fff,1031px 657px #fff,284px 172px #fff,1481px 1430px #fff,506px 1403px #fff,611px 1064px #fff,1961px 1295px #fff,345px 881px #fff,1404px 1349px #fff,1825px 295px #fff,1719px 384px #fff,246px 1492px #fff,1829px 348px #fff,1766px 1028px #fff,1806px 765px #fff,1773px 192px #fff,1775px 1107px #fff,278px 264px #fff,1631px 1324px #fff,854px 1292px #fff,211px 1174px #fff,1812px 256px #fff,1743px 1489px #fff,1954px 519px #fff,625px 362px #fff,1441px 863px #fff,1617px 1292px #fff,1408px 707px #fff,142px 820px #fff,1179px 1871px #fff,7px 1447px #fff,985px 1191px #fff,935px 1750px #fff}#stars2{width:2px;height:2px;background:0 0;box-shadow:1994px 1578px #fff,1232px 1250px #fff,1757px 1261px #fff,390px 1274px #fff,677px 1468px #fff,67px 69px #fff,96px 251px #fff,385px 92px #fff,1024px 896px #fff,1244px 1761px #fff,1286px 895px #fff,607px 1104px #fff,916px 1974px #fff,1414px 1734px #fff,1821px 838px #fff,1930px 1992px #fff,400px 1713px #fff,1378px 298px #fff,1069px 1391px #fff,47px 806px #fff,720px 1963px #fff,945px 564px #fff,288px 980px #fff,220px 492px #fff,1364px 630px #fff,432px 1594px #fff,280px 1600px #fff,824px 320px #fff,612px 1197px #fff,357px 1916px #fff,766px 1271px #fff,1454px 1367px #fff,63px 936px #fff,1931px 1336px #fff,152px 244px #fff,1052px 891px #fff,811px 1954px #fff,1739px 1443px #fff,356px 290px #fff,409px 1141px #fff;animation:animStar 100s linear infinite;position:absolute;z-index:-7}#stars2:after{content:"";position:absolute;top:2000px;width:2px;height:2px;background:0 0;box-shadow:1994px 1578px #fff,1232px 1250px #fff,1757px 1261px #fff,390px 1274px #fff,677px 1468px #fff,67px 69px #fff,96px 251px #fff,385px 92px #fff,1024px 896px #fff,1244px 1761px #fff,1286px 895px #fff,607px 1104px #fff,916px 1974px #fff,1414px 1734px #fff,1821px 838px #fff,1930px 1992px #fff,400px 1713px #fff,1378px 298px #fff,1069px 1391px #fff,47px 806px #fff,720px 1963px #fff,945px 564px #fff,288px 980px #fff,220px 492px #fff,1364px 630px #fff,432px 1594px #fff,280px 1600px #fff,824px 320px #fff,612px 1197px #fff,357px 1916px #fff,766px 1271px #fff,1454px 1367px #fff,63px 936px #fff,1931px 1336px #fff,152px 244px #fff,1052px 891px #fff,811px 1954px #fff,1739px 1443px #fff,356px 290px #fff,409px 1141px #fff}#stars3{width:3px;height:3px;background:0 0;box-shadow:1907px 25px #fff,1148px 1811px #fff,975px 1921px #fff,483px 1456px #fff,1312px 1140px #fff,824px 1317px #fff,1018px 1894px #fff,809px 858px #fff,235px 1829px #fff,459px 1912px #fff,1225px 434px #fff,1663px 1311px #fff,44px 1154px #fff,1418px 1927px #fff,1839px 1265px #fff,544px 253px #fff,1508px 1747px #fff,290px 1503px #fff,176px 763px #fff,426px 1727px #fff;animation:animStar 150s linear infinite;position:absolute;z-index:-6}#stars3:after{content:" ";position:absolute;top:2000px;width:3px;height:3px;background:0 0;box-shadow:1907px 25px #fff,1148px 1811px #fff,975px 1921px #fff,483px 1456px #fff,1312px 1140px #fff,824px 1317px #fff,1018px 1894px #fff,809px 858px #fff,235px 1829px #fff,459px 1912px #fff,1225px 434px #fff,1663px 1311px #fff,44px 1154px #fff,1418px 1927px #fff,1839px 1265px #fff,544px 253px #fff,1508px 1747px #fff,290px 1503px #fff,176px 763px #fff,426px 1727px #fff}@keyframes animStar{from{transform:translateY(0)}to{transform:translateY(-2000px)}}*,::after,::before{box-sizing:border-box;margin:0;padding:0}::-moz-selection{color:#fff;background:#6f42c1}::selection{color:#fff;background:#6f42c1}body{color:#fdf5e6;font-family:Ubuntu,"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;background-color:#000}body{scrollbar-width:auto;scrollbar-color:#6f42c1 transparent}body::-webkit-scrollbar{width:9px}body::-webkit-scrollbar-track{background:0 0}body::-webkit-scrollbar-thumb{background-color:#6f42c1;border-radius:10px;border:3px solid transparent}body::-webkit-scrollbar-thumb:hover{background-color:#972bc2}main{margin-left:5rem}.paper{position:relative;padding-left:0;padding-right:0}.paper .splide__track{height:auto;padding:20px;overflow:visible;background-color:#fff;background:url(../Images/Paper-Background.jpg);animation:box-shadow 1.5s cubic-bezier(1,0,0,1) infinite}.paper .splide__track::before{position:absolute;z-index:3;left:74px;content:"";border-left:1px solid purple;border-right:1px solid purple;width:5px;height:100%;top:0}.paper .splide__track .lines{position:relative;background-image:repeating-linear-gradient(transparent 0,transparent 23.5px,purple 25px)}.paper .splide__track .lines .blog{width:1000px;line-height:25px;color:#000}.paper .splide__track .lines .blog h5 span{margin-right:5px}.paper .splide__track .lines .blog h4{text-align:right}.paper .splide__track .lines .more-blogs{color:#000;text-align:center}.paper .splide__track .lines .more-blogs .blog-link{text-decoration:none}@keyframes box-shadow{0%{box-shadow:rgba(111,66,193,.6) 0 5px,rgba(111,66,193,.5) 0 10px,rgba(111,66,193,.4) 0 15px,rgba(111,66,193,.3) 0 20px}25%{box-shadow:rgba(111,66,193,.3) 0 5px,rgba(111,66,193,.4) 0 10px,rgba(111,66,193,.5) 0 15px,rgba(111,66,193,.6) 0 20px}50%{box-shadow:rgba(111,66,193,.4) 0 5px,rgba(111,66,193,.3) 0 10px,rgba(111,66,193,.6) 0 15px,rgba(111,66,193,.5) 0 20px}75%{box-shadow:rgba(111,66,193,.5) 0 5px,rgba(111,66,193,.6) 0 10px,rgba(111,66,193,.3) 0 15px,rgba(111,66,193,.4) 0 20px}100%{box-shadow:rgba(111,66,193,.6) 0 5px,rgba(111,66,193,.5) 0 10px,rgba(111,66,193,.4) 0 15px,rgba(111,66,193,.3) 0 20px}}#home{position:relative;min-height:100vh;z-index:-9;background:url(/images/hero3.jpg) no-repeat top center fixed;background-size:cover;display:flex;justify-content:center;align-items:center}#home::after{content:"";background:rgba(0,0,0,.3);position:absolute;top:0;left:0;height:100vh;width:100%}#home h1,#home h2,#home h3{position:relative;z-index:1;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif}#home h1{text-transform:uppercase;font-size:7rem}#home h2{font-weight:500;font-size:2.5rem}#home .hero-content{display:flex;flex-direction:column;align-items:center}#home .hero-image{position:relative;user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}@media (max-width:1340px){#home{flex-direction:column-reverse}}.glitch{position:relative;color:#fff;font-size:4em;animation:glitch-skew 1s infinite linear alternate-reverse}.glitch::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;left:1px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;left:-1px;text-shadow:-1px 0 #00fff9,2px 2px #ff00c1;animation:glitch-anim2 1s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(35px,9999px,60px,0);transform:skew(.39deg)}10%{clip:rect(13px,9999px,20px,0);transform:skew(.51deg)}20%{clip:rect(91px,9999px,34px,0);transform:skew(.49deg)}30%{clip:rect(49px,9999px,14px,0);transform:skew(.21deg)}40%{clip:rect(45px,9999px,65px,0);transform:skew(.42deg)}50%{clip:rect(58px,9999px,28px,0);transform:skew(.06deg)}60%{clip:rect(95px,9999px,68px,0);transform:skew(.74deg)}70%{clip:rect(61px,9999px,12px,0);transform:skew(.25deg)}80%{clip:rect(76px,9999px,47px,0);transform:skew(.34deg)}90%{clip:rect(76px,9999px,33px,0);transform:skew(.01deg)}100%{clip:rect(10px,9999px,39px,0);transform:skew(.83deg)}}@keyframes glitch-anim2{0%{clip:rect(31px,9999px,99px,0);transform:skew(.24deg)}10%{clip:rect(72px,9999px,8px,0);transform:skew(.04deg)}20%{clip:rect(51px,9999px,96px,0);transform:skew(.76deg)}30%{clip:rect(91px,9999px,47px,0);transform:skew(.81deg)}40%{clip:rect(79px,9999px,23px,0);transform:skew(.98deg)}50%{clip:rect(44px,9999px,98px,0);transform:skew(.17deg)}60%{clip:rect(83px,9999px,7px,0);transform:skew(.02deg)}70%{clip:rect(92px,9999px,73px,0);transform:skew(.02deg)}80%{clip:rect(16px,9999px,58px,0);transform:skew(.54deg)}90%{clip:rect(55px,9999px,20px,0);transform:skew(.9deg)}100%{clip:rect(73px,9999px,93px,0);transform:skew(.17deg)}}@keyframes glitch-skew{0%{transform:skew(5deg)}10%{transform:skew(2deg)}20%{transform:skew(5deg)}30%{transform:skew(5deg)}40%{transform:skew(0)}50%{transform:skew(1deg)}60%{transform:skew(1deg)}70%{transform:skew(0)}80%{transform:skew(-2deg)}90%{transform:skew(0)}100%{transform:skew(-2deg)}}.project{display:flex;justify-content:flex-start;align-items:stretch;background-color:rgba(255,255,255,.2);margin-bottom:60px;border-radius:30px;min-height:315px}.project .media{width:50%;align-self:center;display:flex}.project .media video{height:auto;width:100%;max-width:100%;padding:15px;background-color:#342e37;box-shadow:0 2px 4px rgba(34,25,25,.4);-moz-box-shadow:0 2px 3px rgba(34,25,25,.4);-webkit-box-shadow:0 2px 4px rgba(34,25,25,.4);border:7px solid #a070ff;border-radius:30px}.project .project-info{width:50%;min-height:100%;height:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;line-height:2;color:#fdf5e6;padding:10px}.project .project-info h1{text-transform:uppercase;font-size:1.8rem}.project .project-info h5{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center}.project .project-info h5 span.tag{background-color:#6f42c1;color:#fdf5e6;padding:.25em 1em;line-height:1.3;border-radius:1rem;font-weight:500;text-transform:uppercase}.project .project-info p{font-weight:100;line-height:1.6;padding-top:5px;padding-bottom:10px}.project .project-info .link-container{display:flex;width:100%;justify-content:space-evenly}.project .project-info .link-container a{display:inline-block;width:140px;line-height:45px;height:45px;font-family:Roboto,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:2.5px;font-weight:500;background-color:#fff;border:none;border-radius:45px;box-shadow:0 8px 15px rgba(0,0,0,.1);transition:all .3s ease 0s;cursor:pointer;outline:0;text-decoration:none;text-align:center;color:#000}.project .project-info .link-container a:hover{background-color:#6f42c1;color:#fdf5e6;transform:translateY(-5px);box-shadow:0 15px 20px rgba(111,66,193,.4)}@media (max-width:370px){.link-container{flex-direction:column;align-items:center;gap:10px}}@media (min-width:1025px){.project:nth-of-type(even){flex-direction:row-reverse}}#toolkit ul.wrapper-skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-template-rows:100px;grid-gap:4rem;justify-items:center;align-items:center;list-style:none;text-align:center;text-transform:uppercase}#toolkit ul.wrapper-skills li svg{transition:.5s;display:inline-block;width:3.5em}#toolkit ul.wrapper-skills li svg:hover{transition:.5s;transform:scale(1.1)}#toolkit ul.wrapper-skills li svg path{fill:#fff}#toolkit ul.wrapper-skills li h3{margin-top:5px;font-weight:100;text-shadow:2px 3px 7px rgba(255,255,255,.4)}#toolkit ul.wrapper-skills .html5 path,#toolkit ul.wrapper-skills .html5:hover path{fill:#e44c25}#toolkit ul.wrapper-skills .css3 path,#toolkit ul.wrapper-skills .css3:hover path{fill:#2795d3}#toolkit ul.wrapper-skills .sass path,#toolkit ul.wrapper-skills .sass:hover path{fill:#cf649a}#toolkit ul.wrapper-skills .bootstrap path,#toolkit ul.wrapper-skills .bootstrap:hover path{fill:#9400d3}#toolkit ul.wrapper-skills .javascript path,#toolkit ul.wrapper-skills .javascript:hover path{fill:#f7df1c}#toolkit ul.wrapper-skills .typescript path,#toolkit ul.wrapper-skills .typescript:hover path{fill:#106ab0}#toolkit ul.wrapper-skills .react path,#toolkit ul.wrapper-skills .react:hover path{fill:#61dbfb}#toolkit ul.wrapper-skills .redux path,#toolkit ul.wrapper-skills .redux:hover path{fill:#764abc}#toolkit ul.wrapper-skills .node path,#toolkit ul.wrapper-skills .node:hover path{fill:#00a86b}#toolkit ul.wrapper-skills .express path,#toolkit ul.wrapper-skills .express:hover path{fill:grey}#toolkit ul.wrapper-skills .mongodb path,#toolkit ul.wrapper-skills .mongodb:hover path{fill:#4db33d}#toolkit ul.wrapper-skills .graphql path,#toolkit ul.wrapper-skills .graphql:hover path{fill:#e535ab}#toolkit ul.wrapper-skills .git path,#toolkit ul.wrapper-skills .git:hover path{fill:#e44c25}#toolkit ul.wrapper-skills .webpack path,#toolkit ul.wrapper-skills .webpack:hover path{fill:#8ed5fa}#toolkit ul.wrapper-skills .github path,#toolkit ul.wrapper-skills .github:hover path{fill:#6f42c1}#toolkit ul.wrapper-skills .vscode path,#toolkit ul.wrapper-skills .vscode:hover path{fill:#0078d7}#toolkit ul.wrapper-skills .amazonaws path,#toolkit ul.wrapper-skills .amazonaws:hover path{fill:#f90}#toolkit ul.wrapper-skills .elixir path,#toolkit ul.wrapper-skills .elixir:hover path{fill:#6f517a}#contact{overflow:hidden}#contact .background{display:flex;min-height:80vh}#contact .container{margin:auto;padding:10px}#contact .screen{position:relative;background:#3e3e3e;border-radius:15px}#contact .screen:after{content:"";display:block;position:absolute;top:0;left:20px;right:20px;bottom:0;border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,.4);z-index:-1}#contact .screen-header{display:flex;align-items:center;padding:10px 20px;background:#4d4d4f;border-top-left-radius:15px;border-top-right-radius:15px}#contact .screen-header-left{margin-right:auto}#contact .screen-header-button{display:inline-block;width:8px;height:8px;margin-right:3px;border-radius:8px;background:#fff}#contact .screen-header-button.close{background:#ed1c6f}#contact .screen-header-button.maximize{background:#e8e925}#contact .screen-header-button.minimize{background:#74c54f}#contact .screen-header-right{display:flex}#contact .screen-header-ellipsis{width:3px;height:3px;margin-left:2px;border-radius:50%;background:#999}#contact .screen-body{display:flex}#contact .screen-body-item{flex:1;padding:50px;flex-grow:2}#contact .screen-body-item.left{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}#contact .app-title{display:flex;flex-direction:column;position:relative;color:#a070ff;font-size:2rem}#contact .app-title:after{content:"";display:block;position:absolute;left:0;bottom:-10px;width:25px;height:4px;background:#a070ff}#contact .contact{font-family:Roboto,sans-serif;font-size:1.6rem;font-weight:100;line-height:2.5rem;align-self:flex-start;color:#e0e0e0}#contact .contact a.email{color:#a070ff;text-decoration:none;font-weight:300;position:relative;border-bottom:1px solid transparent;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}#contact .contact a.email:hover{border-bottom:1px solid #a070ff}#contact .app-form-group{margin-bottom:15px}#contact .app-form-group .message{margin-top:40px}#contact .app-form-group .buttons{margin-bottom:0;text-align:right}#contact .app-form-control{width:100%;padding:10px 0;background:0 0;border:none;border-bottom:1px solid #666;color:#ddd;font-size:14px;text-transform:uppercase;outline:0;transition:border-color .2s;font-family:Arial,Helvetica,sans-serif}#contact .app-form-control::placeholder{color:#666}#contact .app-form-control:focus{border-bottom-color:#ddd}#contact textarea.app-form-control{min-height:200px;resize:vertical}#contact .app-form-button:nth-of-type(1){float:left}#contact .app-form-button:nth-of-type(2){float:right}@media screen and (max-width:768px){#contact .screen-body{flex-direction:column}#contact .contact{line-height:2rem;font-size:1.5rem;margin-bottom:15px}#contact .app-title{margin-bottom:30px;flex-direction:row}#contact .app-title span{margin-right:12px}#contact .app-title:after{display:none}}@media screen and (max-width:768px){#contact .screen-body{padding:40px}#contact .screen-body-item{padding:0}}footer{position:relative;bottom:0;overflow:hidden;height:180px;color:#000;background:url(/images/footerBackgroundNew.jpg) center repeat-x;display:flex;justify-content:center;align-items:center}footer h2{position:relative;bottom:-25px;white-space:nowrap}footer h2 #heart{position:relative;top:8px;animation:heartbeat 1s infinite}@keyframes heartbeat{0%{transform:scale(.75)}20%{transform:scale(1)}40%{transform:scale(.75)}60%{transform:scale(1)}80%{transform:scale(.75)}100%{transform:scale(.75)}}#sidebar nav.navbar{position:fixed;background-color:#23232e;transition:width .6s ease;overflow:hidden;z-index:100}#sidebar nav.navbar ul.navbar-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;height:100%}#sidebar nav.navbar li.logo{font-weight:700;text-transform:uppercase;margin-bottom:1rem;text-align:center;color:#ececec;background:#141418;font-size:1.5rem;letter-spacing:.3ch;width:100%}#sidebar nav.navbar li.logo svg{transform:rotate(0);transition:.6s}#sidebar nav.navbar ul.social-media{display:flex;flex-direction:column;justify-content:space-between}#sidebar nav.navbar ul.social-media li{height:4rem;align-self:center;display:flex;width:100%}#sidebar nav.navbar ul.social-media li:hover a svg path{color:#df49a6}#sidebar nav.navbar ul.social-media li a{width:100%;height:100%}#sidebar nav.navbar ul.social-media li a:hover{color:inherit;background-color:initial}#sidebar nav.navbar ul.social-media li a svg{width:2rem;min-width:2rem;margin:0 1.5rem}#sidebar nav.navbar ul.social-media li a svg path{color:#f6cbe6}#sidebar .nav-item{width:100%}#sidebar .nav-item:last-child{margin-top:auto}#sidebar .nav-link{display:flex;align-items:center;height:5rem;color:#b6b6b6;text-decoration:none;filter:grayscale(100%) opacity(.7);transition:.6s}#sidebar .nav-link:hover{filter:grayscale(0) opacity(1);background:#141418;color:#ececec}#sidebar .link-text{display:none;margin-left:1rem}#sidebar .nav-link svg{width:2rem;min-width:2rem;margin:0 1.5rem}#sidebar .fa-primary{color:#ff7eee}#sidebar .fa-secondary{color:#df49a6}#sidebar .fa-primary,#sidebar .fa-secondary{transition:.6s}#sidebar .logo-text{display:inline;position:absolute;font-size:1rem;left:-999px;transition:.6s}#sidebar .navbar:hover .logo svg{transform:rotate(-180deg)}@media only screen and (max-width:600px){.navbar{bottom:0;width:100vw;height:5rem}.logo{display:none}.nav-item:last-child{margin:0!important;flex-shrink:.7}ul.navbar-nav{flex-direction:row!important}ul.navbar-nav svg{margin:0!important}ul.social-media{flex-direction:row!important}ul.social-media li a,ul.social-media li:hover{height:5rem!important}.nav-link{justify-content:center}main{margin:0;margin-bottom:4rem}}@media only screen and (min-width:600px){#sidebar .navbar{top:0;width:5rem;height:100vh}#sidebar .navbar:hover{width:16rem}#sidebar .navbar:hover li.logo a{filter:grayscale(0) opacity(1);background:#141418;color:#ececec}#sidebar .navbar:hover .link-text{display:inline}#sidebar .navbar:hover .logo svg{margin-left:11rem}#sidebar .navbar:hover .logo-text{left:0}}.dark #darkIcon,.light #lightIcon,.solar #solarIcon{display:block}#preload-screen{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}#preload-screen canvas{position:absolute;min-width:400px;min-height:400px;width:100%;height:100%;z-index:-10}#preload-screen .wrapper{position:relative;margin-bottom:2rem}#preload-screen .wrapper .load-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#preload-screen .wrapper .spinner{width:7rem;height:7rem}#preload-screen .wrapper .spinner.spinner3{border-top:3px solid rgba(253,245,230,.5);border-right:3px solid transparent;border-radius:50%;animation:rotation .8s linear infinite}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(360deg)}}#preload-screen .preloader-1 div,#preload-screen .preloader-2 div{color:#fff;margin:5px 0;text-transform:uppercase;text-align:center;font-family:Arial,sans-serif;font-size:20px;letter-spacing:2px}#preload-screen .preloader-1 .line{width:1px;height:22px;background:#fff;margin:0 6px;display:inline-block;animation:opacity-1 1s infinite ease-in-out}#preload-screen .preloader-2 .line{width:5px;height:12px;background:#fff;margin:0 3.5px;display:inline-block;animation:opacity-2 1s infinite ease-in-out}#preload-screen .preloader-1 .line-1,#preload-screen .preloader-2 .line-1{animation-delay:.8s}#preload-screen .preloader-1 .line-2,#preload-screen .preloader-2 .line-2{animation-delay:.6s}#preload-screen .preloader-1 .line-3,#preload-screen .preloader-2 .line-3{animation-delay:.4s}#preload-screen .preloader-1 .line-4,#preload-screen .preloader-2 .line-4{animation-delay:.2s}#preload-screen .preloader-1 .line-5,#preload-screen .preloader-2 .line-5{animation-delay:0s}#preload-screen .preloader-1 .line-6,#preload-screen .preloader-2 .line-6{animation-delay:.2s}#preload-screen .preloader-1 .line-7,#preload-screen .preloader-2 .line-7{animation-delay:.4s}#preload-screen .preloader-1 .line-8,#preload-screen .preloader-2 .line-8{animation-delay:.6s}#preload-screen .preloader-1 .line-9,#preload-screen .preloader-2 .line-9{animation-delay:.8s}@keyframes opacity-1{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes opacity-2{0%{opacity:1;height:15px}50%{opacity:0;height:12px}100%{opacity:1;height:15px}}@media (min-width:1281px){.container{max-width:1200px}}@media (min-width:1025px) and (max-width:1280px){.container{max-width:1024px}.project{flex-direction:row}.project .media{width:50%}.project .project-info{width:50%}#home h1{font-size:5rem}#home h2{font-size:2rem}}@media (min-width:768px) and (max-width:1024px){.container{max-width:767px}.buttons button{width:130px}#home h1{font-size:4rem}#home h2{font-size:1.5rem}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.container{max-width:767px}.buttons button{width:130px}}@media (min-width:481px) and (max-width:768px){.container{max-width:480px}.section-title{font-size:1.7rem}#home h1{font-size:3.2rem}#home h2{font-size:1.2rem}}@media (min-width:120px) and (max-width:480px){footer h2{font-size:18px}#home h1{font-size:2.6rem}#home h2{font-size:1.1rem}}@media (min-width:120px) and (max-width:1024px){.project{flex-direction:column}.project .media{width:100%}.project .project-info{width:100%}}