@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap);*,:after,:before{box-sizing:border-box}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{background:#0000;border:0;margin:0;outline:0;padding:0;vertical-align:initial}html{font-size:93.75%}@media only screen and (max-width:1650px){html{font-size:62.5%}}body{line-height:1.6}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{background:#0000;margin:0;padding:0;text-decoration:none;vertical-align:initial}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle}body{font-family:"font-family: ",Roboto,", sans-serif;";max-width:100%;min-height:100vh}p{color:#969696;font-size:2rem}a{color:#b16b46;font-size:2.2rem}a:hover{color:#809dff;cursor:pointer;opacity:.8}h1{color:#ccc;font-size:4.8rem}h2{color:#899cd8;font-size:4.2rem}h3{color:#ccc;font-size:2rem}h4{color:#b16b46;font-size:3.5rem}h5{color:#6e6e6e;font-size:2.2rem}@media only screen and (min-width:2056px){a,h1,h2,h3,h4,h5,p{font-size:3rem}}button[type=submit],input{border:1px solid #aaa;border-radius:5px;color:#969696;font-size:2rem;margin:0 0 10px;padding:8px;width:100%}button[type=submit]{background-color:#899cd8;color:#222}textarea{border:1px solid #aaa;border-radius:5px;color:#969696;font-size:2rem;margin:0 0 10px;padding:8px;resize:none;width:100%}input[type=email]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#969696;font-family:"font-family: ",Roboto,", sans-serif;";font-size:2rem;font-style:inherit;font-weight:400}input[type=email]::-moz-placeholder,input[type=text]::-moz-placeholder,textarea::-moz-placeholder{color:#969696;font-family:"font-family: ",Roboto,", sans-serif;";font-size:2rem;font-style:inherit;font-weight:400}input[type=email]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#969696;font-family:"font-family: ",Roboto,", sans-serif;";font-size:2rem;font-style:inherit;font-weight:400}input[type=email]:-moz-placeholder,input[type=text]:-moz-placeholder,textarea:-moz-placeholder{color:#969696;font-family:"font-family: ",Roboto,", sans-serif;";font-size:2rem;font-style:inherit;font-weight:400}form label{color:#222;font-size:2rem}form button{border:1px solid #aaa;border-radius:5px;font-size:2rem;padding:8px;width:100%;z-index:2}form button:hover{cursor:pointer;opacity:.8}.App{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:100%;overflow-x:hidden;text-align:center;width:100%}.App .sectionTitle{margin:50px 0}.headerCont{background-color:#222;height:auto;margin-bottom:5%;max-width:100%;padding:8% 2% 0;position:relative;width:100%}.headerCont .slogan{font-style:italic;letter-spacing:1rem;margin:25px auto 20px;max-width:100%;width:100%}.headerCont .slogan h3{color:#ccc}@media only screen and (max-width:320px){.headerCont .slogan{display:none}}.headerCont #tsparticles{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.headerCont hr{background-image:linear-gradient(90deg,#0000,#fff,#0000);border:0;height:1px;margin:10px auto;width:80%}.navMainCont{align-items:center;display:flex;flex-direction:row;height:auto;justify-content:center;margin:0 auto;max-width:100%;padding:0 0 10%;width:100%}@media only screen and (max-width:320px){.navMainCont{padding:0 2%}}@keyframes moveRight{0%{margin-right:200vw}to{margin-right:0}}@keyframes marginRight{0%{margin-right:0}to{margin-right:5%}}.navMainCont nav{align-items:center;animation-duration:2s;animation-name:moveRight;animation-timing-function:ease;display:flex;flex-direction:row;justify-content:center;text-align:center;width:100%;z-index:2}@media only screen and (max-width:600px){.navMainCont nav{animation:none!important}}@media only screen and (max-width:400px){.navMainCont nav{width:100%}}.navMainCont nav ul{align-items:center;display:flex;flex-direction:row;justify-content:center;list-style-type:none;width:100%}@media only screen and (max-width:400px){.navMainCont nav ul{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}}.navMainCont nav ul li{align-items:center;animation-duration:2s;animation-name:marginRight;display:flex;flex-direction:row;justify-content:space-evenly;margin-right:5%}@media only screen and (max-width:600px){.navMainCont nav ul li{animation:none!important}}@media only screen and (max-width:400px){.navMainCont nav ul li{border-bottom:1px solid #0009;margin-bottom:5px;margin-right:0;width:100%}.navMainCont nav ul li:first-child{border-top:1px solid #0009}}.navMainCont nav ul li:last-child{animation:none;margin-right:0}.navMainCont nav ul li a{color:#b16b46;font-size:3.5rem}@media only screen and (max-width:540px){.navMainCont nav ul li a{font-size:2.2rem}}@media only screen and (max-width:400px){.navMainCont nav ul li a{font-size:3.2rem;height:100%;width:100%}}.navMainCont nav ul li a:hover{color:#fdfaf9;margin-top:-5px}@media only screen and (max-width:400px){.navMainCont nav ul li a:hover{margin-top:0}}.portfolioCont{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:flex-start;padding:0 10px 25px;text-align:center;width:100%}.portfolioCont .sectionTitle{margin:50px 0 10px}.portfolioCont p{margin-bottom:40px}.portfolioCont .cardCont{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:10px;width:100%}.projectCard{border:1px solid green;border-radius:5px 5px 0 0;margin-bottom:30px;min-width:30%;padding-top:2%;position:relative;width:30%}@media only screen and (max-width:870px){.projectCard{margin:10px;width:45%}}@media only screen and (max-width:610px){.projectCard{margin:0 auto 30px;width:100%}}.projectCard img{width:100%}.projectCard .linksCont{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:0 1%;width:100%}.projectCard .linksCont p.privateRepo{color:#616060;font-size:2.2rem;margin:0;padding:0}.projectCard .linksCont a{margin-right:1%}.projectCard .linksCont a:last-child{margin-right:0}.modalCont{background-color:#0009;height:100vh;left:0;overflow:hidden;padding:2% 2% 3%;position:fixed;top:0;width:100%}.modalCont,.modalCont .modalClose{align-items:center;display:flex;justify-content:center;z-index:6}.modalCont .modalClose{background-color:#0006;border:1px solid #000;border-radius:5px;color:#fff;cursor:pointer;font-size:2rem;height:30px;position:absolute;right:2%;top:2%;width:30px}.modalCont .modalClose:hover{background-color:#ddd;color:#000c}.modalCont video{margin:0 auto;width:80%}@media only screen and (max-width:700px){.modalCont video{width:100%}}@media only screen and (max-width:812px){.modalCont video{height:100vh}}.aboutCont{align-items:center;background-color:#f7f7f7;display:flex;flex-direction:column;height:auto;justify-content:flex-start;padding:0 10px 50px;width:100%}.aboutCont .aboutText{max-width:100%;width:70%}@media only screen and (max-width:600px){.aboutCont .aboutText{width:100%}}.aboutCont .aboutText p{text-align:center}.skillsMainCont{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;max-width:100%;min-height:100%;padding:0 10px 25px}@media only screen and (max-width:760px){.skillsMainCont{width:90%}}@media only screen and (max-width:560px){.skillsMainCont{width:98%}}.skillsMainCont .skills{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:5%;max-width:100%;width:100%}.skillsMainCont .skills .skillsHeader{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:2%;width:100%}.skillsMainCont .skills .skillsHeader .rotate{animation:rotate 30s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.skillsMainCont .skills .skillsHeader .skillsIcon{color:#6e6e6e;font-size:3rem}.skillsMainCont .skills .skillsHeader h5{margin:0 2%}.skillsMainCont .skills .skillSection{font-size:1.6rem;list-style-type:none;max-width:100%;width:90%}@media only screen and (max-width:500px){.skillsMainCont .skills .skillSection{width:100%}}@media only screen and (min-width:2056px){.skillsMainCont .skills .skillSection{font-size:3rem}}.skillsMainCont .skills .skillSection .skill{box-shadow:2px 2px 5px 1px #0009;display:inline-table;font-size:2rem;margin:0 2% 1% 0;padding:0 2%;white-space:nowrap}.skillsMainCont .skills .skillSection .dark,.skillsMainCont .skills .skillSection .light{background-color:#b16b46;border-radius:3px;color:#ccc}.skillsMainCont .skills h5{text-align:center}.contactCont{align-items:center;background-color:#f7f7f7;display:flex;flex-direction:column;height:auto;justify-content:flex-start;min-width:100%;padding:0 100px 5%}@media only screen and (max-width:600px){.contactCont{padding:0 20px 5%}}.contactCont ul.contactLinksCont{align-items:center;display:flex;flex-direction:row;justify-content:center;list-style-type:none;width:100%}@media only screen and (max-width:750px){.contactCont ul.contactLinksCont{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}}.contactCont ul.contactLinksCont li{list-style-type:none;margin:0 10% 50px 0}.contactCont ul.contactLinksCont li:last-child{margin-right:0}.contactCont ul.contactLinksCont li .contactIcon{font-size:4rem}.contactCont ul.contactLinksCont li a.contactLinks{color:#969696;font-size:2.2rem}.contactCont ul.contactLinksCont li a.contactLinks:hover{color:#333;cursor:pointer}.footerCont{background-color:#292c36;min-width:100%;overflow:hidden;padding:3% 0}.footerCont .copyCont{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}.footerCont .copyCont span{color:gray;font-size:3rem;margin-right:5px}.topArrowCont{bottom:3%;height:50px;position:fixed;right:3%;width:50px;z-index:4}.topArrowCont .topArrow{color:#809dff;font-size:4rem;width:100%;z-index:4}.topArrowCont .topArrow:hover{color:#899cd8}
/*# sourceMappingURL=main.03d89482.css.map*/