@import url(https://fonts.googleapis.com/css?family=Fredericka+the+Great);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}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,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,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-size:62.5%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--main-bg-1:#008deb;--main-font-color-1:#000;--content-bg-1:#fafafa;--content-font-1:#133b68;--sec-content-bg-1:#fbded5;--header-font:"Fredericka the Great",cursive;--modal-bg:rgba(0,0,0,0.74);--modal-card-bg:#354569;--modal-font-color:#e4e4e4;--input-color:#cecece}html{scroll-behavior:smooth}.App,.header-cont{background-color:var(--main-bg);width:100%;transition-duration:.5s}.header-cont{font-family:"Fredericka the Great",cursive;font-family:var(--header-font);height:100vh;color:var(--main-font-color);display:flex;flex-direction:column;justify-content:center}.header-animation{width:90%;margin:10%}.header-h1{font-size:5rem;width:100%;height:10vh;font-weight:200}.header-h2{font-size:3rem;color:var(--main-font-color);font-weight:200;margin:5vh 0 0}.author{text-shadow:0 0 1vw #fa1c16,0 0 3vw #fa1c16,0 0 10vw #fa1c16,0 0 10vw #fa1c16,0 0 0 #fed128,0 0 0 #806914;color:#fed128;text-decoration:none}.fas{color:var(--main-font-color);font-size:4rem}.cursor{font-size:2.5rem;font-weight:900;display:none}.erasing-animation{-webkit-animation-name:erasing;animation-name:erasing;-webkit-animation-duration:1.8s;animation-duration:1.8s}@-webkit-keyframes erasing{0%{transform:rotate(0deg)}8%{transform:rotate(180deg)}60%{transform:rotate(180deg)}70%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes erasing{0%{transform:rotate(0deg)}8%{transform:rotate(180deg)}60%{transform:rotate(180deg)}70%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.writing-animation{-webkit-animation-name:writting;animation-name:writting;-webkit-animation-duration:4s;animation-duration:4s}@-webkit-keyframes writting{0%{transform:translate(0)}2%{transform:translate(40px,-50px)}4%{transform:translate(0)}6%{transform:translate(40px,-50px)}8%{transform:translate(0)}10%{transform:translate(40px,-50px)}12%{transform:translate(0)}14%{transform:translate(40px,-50px)}16%{transform:translate(0)}18%{transform:translate(40px,-50px)}20%{transform:translate(0)}22%{transform:translate(40px,-50px)}24%{transform:translate(0)}26%{transform:translate(40px,-50px)}28%{transform:translate(0)}30%{transform:translate(40px,-50px)}32%{transform:translate(0)}34%{transform:translate(40px,-50px)}36%{transform:translate(0)}38%{transform:translate(40px,-50px)}40%{transform:translate(0)}42%{transform:translate(40px,-50px)}44%{transform:translate(0)}46%{transform:translate(40px,-50px)}48%{transform:translate(0)}50%{transform:translate(40px,-50px)}52%{transform:translate(0)}54%{transform:translate(40px,-50px)}56%{transform:translate(0)}58%{transform:translate(40px,-50px)}60%{transform:translate(0)}62%{transform:translate(40px,-50px)}64%{transform:translate(0)}66%{transform:translate(40px,-50px)}68%{transform:translate(0)}70%{transform:translate(40px,-50px)}72%{transform:translate(0)}74%{transform:translate(40px,-50px)}76%{transform:translate(0)}78%{transform:translate(40px,-50px)}80%{transform:translate(0)}82%{transform:translate(40px,-50px)}84%{transform:translate(0)}86%{transform:translate(40px,-50px)}88%{transform:translate(0)}90%{transform:translate(40px,-50px)}92%{transform:translate(0)}94%{transform:translate(40px,-50px)}96%{transform:translate(0)}98%{transform:translate(40px,-50px)}to{transform:translate(0)}}@keyframes writting{0%{transform:translate(0)}2%{transform:translate(40px,-50px)}4%{transform:translate(0)}6%{transform:translate(40px,-50px)}8%{transform:translate(0)}10%{transform:translate(40px,-50px)}12%{transform:translate(0)}14%{transform:translate(40px,-50px)}16%{transform:translate(0)}18%{transform:translate(40px,-50px)}20%{transform:translate(0)}22%{transform:translate(40px,-50px)}24%{transform:translate(0)}26%{transform:translate(40px,-50px)}28%{transform:translate(0)}30%{transform:translate(40px,-50px)}32%{transform:translate(0)}34%{transform:translate(40px,-50px)}36%{transform:translate(0)}38%{transform:translate(40px,-50px)}40%{transform:translate(0)}42%{transform:translate(40px,-50px)}44%{transform:translate(0)}46%{transform:translate(40px,-50px)}48%{transform:translate(0)}50%{transform:translate(40px,-50px)}52%{transform:translate(0)}54%{transform:translate(40px,-50px)}56%{transform:translate(0)}58%{transform:translate(40px,-50px)}60%{transform:translate(0)}62%{transform:translate(40px,-50px)}64%{transform:translate(0)}66%{transform:translate(40px,-50px)}68%{transform:translate(0)}70%{transform:translate(40px,-50px)}72%{transform:translate(0)}74%{transform:translate(40px,-50px)}76%{transform:translate(0)}78%{transform:translate(40px,-50px)}80%{transform:translate(0)}82%{transform:translate(40px,-50px)}84%{transform:translate(0)}86%{transform:translate(40px,-50px)}88%{transform:translate(0)}90%{transform:translate(40px,-50px)}92%{transform:translate(0)}94%{transform:translate(40px,-50px)}96%{transform:translate(0)}98%{transform:translate(40px,-50px)}to{transform:translate(0)}}.nav{position:fixed;top:0;font-size:1.4rem;display:flex;flex-direction:row;height:8vh;width:100%}.nav a{text-decoration:none}.nav-dark{background-color:var(--main-bg);transition-duration:.5s}.nav-logo{font-family:"Fredericka the Great",cursive;font-family:var(--header-font);color:var(--main-font-color);width:35%;display:flex;align-items:center;font-size:2rem;padding-left:15px}.nav-logo-clear{display:none}.nav-links{width:65%;display:flex;align-items:center;justify-content:space-around}.nav-links a{color:#fff;font:2rem}.header-bg{position:absolute;width:100%;height:100vh}.dm-cont{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer}.dm-moon{position:absolute}.dm-moon:hover img{transform:scale(1.3);-webkit-filter:brightness(150%);filter:brightness(150%)}.dm-sun{position:absolute}.dm-sun:hover img{transform:scale(1.3);-webkit-filter:brightness(150%);filter:brightness(150%)}.content{margin:auto;width:85%;height:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--content-bg);border-radius:20px;color:var(--content-font-color);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.about{display:flex;justify-content:space-around;font-size:2rem;padding:2%;transition-duration:.5s;background-color:var(--sec-content-bg)}.about-img{display:flex;align-items:center;justify-content:center}.about-img img{border-radius:50%;width:80%}.about-text{display:flex;flex-direction:column;align-items:center;justify-content:center;width:65%;padding:0 2%;font-size:1.6rem}.about-text h3{font-family:"Fredericka the Great",cursive;font-family:var(--header-font);font-size:3rem;text-align:center;padding-bottom:15px}.social-links{display:flex;justify-content:space-around;width:100%}.social-links img{max-width:50px}.social-links-div{padding:15px;display:flex;justify-content:center;align-items:center;height:8vh;width:40%}.social-links-div a{text-decoration:none;color:var(--content-font)}.social-links-div a:hover{-webkit-filter:brightness(180%);filter:brightness(180%)}.social-links-div img{margin:0 5px}.skills{font-size:2rem;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:space-around;width:100%;background-color:var(--sec-content-bg);padding-top:5vh;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transition-duration:.5s}.skills h3{font-family:"Fredericka the Great",cursive;font-family:var(--header-font);font-size:3rem;text-align:center;width:100%}.ind-skills,.tech-skills{display:flex;justify-content:center;flex-wrap:wrap}.ind-skills{width:100%;align-items:center;padding-bottom:5vh}.ind-skills::-webkit-scrollbar{display:none}.my-skills{height:150px;width:130px;margin:10px 5px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.my-skills h3{font-size:1.5rem}.my-skills img{width:100px;height:100px;object-fit:contain}.portfolio{margin-top:20px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 0 5vh;transition-duration:.5s}.portfolio h3{font-family:"Fredericka the Great",cursive;font-family:var(--header-font);font-size:3rem}.portfolio-cont{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:2% 0}.my-project:hover{transform:scale(1.04);box-shadow:0 3px 43px -11px rgba(0,0,0,.5);transition-duration:.3s;-webkit-filter:brightness(130%);filter:brightness(130%)}.my-project{width:300px;height:200px;margin:5px;background-color:var(--sec-content-bg);display:flex;align-items:center;justify-content:space-between;flex-direction:column;cursor:pointer;border:1px solid var(--main-bg);border-radius:10px}.my-project img{object-fit:cover;width:300px;height:150px;border-radius:10px 10px 0 0}.my-project div{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50px}.my-project h4{font-size:1.4rem}.contact{font-size:2rem;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;padding:5vh 0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transition-duration:.5s}.contact h3{font-family:"Fredericka the Great",cursive;font-family:var(--header-font);font-size:3rem;margin-bottom:2vh}.form-cont,form{width:100%}form{display:flex;flex-direction:column;align-items:center;justify-content:center}form label{font-size:20px;margin:5px}form button{display:flex;justify-content:center;align-items:center;background-color:var(--btn-color);color:#fff;font-size:18px;width:150px;height:40px;margin:2vh 0;border-radius:15px;cursor:pointer;border:none}input{outline:none;border:1px solid var(--main-bg)}.form-name-email{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:50%;margin:auto}.form-name-email div{display:flex;flex-direction:column;width:45%}.form-name-email input{width:100%;height:4vh;border-radius:15px}.form-subject-message{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.form-subject-message div{display:flex;flex-direction:column;width:50%}textarea{width:100%;padding-top:10px;border:none;border:1px solid var(--main-bg)}.form-subject-message input{width:100%;height:4vh;border-radius:15px}.form-subject-message textarea{height:15vh;border-radius:15px}input,textarea{background-color:#cecece;background-color:var(--input-color);padding-left:15px;font-size:14px}button:focus,input:focus,textarea:focus{outline:none;border:1px solid grey}footer{height:8vh;font-size:20px;font-family:Arial,Helvetica,sans-serif;font-weight:700;color:var(--main-font-color)}.modal-bg,footer{display:flex;align-items:center;justify-content:center}.modal-bg{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.74);background-color:var(--modal-bg);transition:visibility 0s,opacity .8s;transition-duration:.5s}.modal{background-color:#354569;background-color:var(--modal-card-bg);color:var(--content-font-color);max-width:400px;width:90%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;position:relative;font-size:1.4rem;border-radius:10px;transition:visibility 0s,opacity .8s;padding-bottom:20px}.modal img{object-fit:cover;max-width:400px;width:100%;height:200px;border-radius:10px 10px 0 0}.modal h4{padding:10px 0;font-family:"Fredericka the Great",cursive;font-family:var(--header-font);font-size:1.8rem;-webkit-text-decoration:bold;text-decoration:bold;-webkit-text-stroke-width:.8px}.modal-content{display:flex;flex-direction:column;padding:0 10px;font-size:1.2rem}.modal-content p{margin:5px 0}.modal-content b{font-weight:700;text-decoration:underline}.modal-content a{color:var(--main-font-color);text-decoration:none}.modal-close{font-family:monospace;font-weight:900;font-size:1.8rem;width:35px;height:35px;background-color:red;border-radius:50%;justify-content:center;position:absolute;top:10px;right:15px;cursor:pointer;transition-duration:.5s}.modal-btn,.modal-close{color:#fff;display:flex;align-items:center}.modal-btn{width:100%;justify-content:space-around;padding:10px 0}.modal-btn button{background-color:var(--main-bg);color:#fff;font-size:14px;font-weight:900;width:130px;height:40px;border-radius:10px;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center}.modal-btn button:hover{background-color:hsla(0,0%,41.2%,.452);color:#000}.dark-mode,.nav-light{transition-duration:.5s}.nav-light{background-color:var(--main-bg)}.toggle-moon-sun{display:none;transition-duration:.5s}.nav-logo-dm{color:#fff;-webkit-text-stroke-width:.8px;-webkit-text-stroke-color:#fff;transition-duration:.5s;text-shadow:none}.sending-message{display:flex;flex-direction:column;justify-items:center;align-items:center}.author-lp{color:#ffea75;-webkit-text-stroke-width:.8px;-webkit-text-stroke-color:#fdd18f;text-shadow:none}.author-lp,.content-lg{transition-duration:.5s}@media (min-width:1200px){.fas,.header-h1{font-size:6rem}}@media (max-width:1000px){.nav-logo{font-size:1.5rem}.header-animation{margin:5%}}@media (max-width:768px){.nav-logo{font-size:1.2rem}.header-h1{font-size:3.4rem}.header-h2{font-size:1.6rem}.fas{font-size:2.8rem}.skills h3{margin-top:0}.content{width:90%;margin:auto}.about{flex-direction:column;padding:0;margin:0}.about-img img{width:50%}.about-text{width:95%;padding:0;margin:auto;font-size:1.4rem;text-align:justify}.form-name-email,.form-subject-message div{width:70%}}@media (max-width:600px){.App,.nav{width:100%}.nav{flex-direction:row;align-items:center;justify-content:flex-start;height:60px}.nav-links-mb,.nav-logo{display:none}.nav-links-mobile{padding:0;margin:99.5vh 0 0;flex-direction:column;align-items:center;justify-content:flex-start;height:93vh;position:absolute;font-size:2.8rem;background-color:inherit;font-family:"Fredericka the Great",cursive;font-family:var(--header-font)}.nav-links-mobile a{display:flex;align-items:center;justify-content:center;padding:30px 0}.dm-cont,.nav-links-mobile a{border-bottom:1px solid #fff;width:100%}.dm-cont{text-align:center;height:100px;padding-top:10px}.nav-mb-light{background-color:#3fb2ff}.nav-mb-dark{background-color:#1c1c55}.menu{padding-left:2%;cursor:pointer}.bar1,.bar2,.bar3{width:35px;height:5px;background-color:#fff;margin:6px 0;transition:.4s}.change .bar1{transform:rotate(-45deg) translate(-9px,6px)}.change .bar2{opacity:0}.change .bar3{transform:rotate(45deg) translate(-8px,-8px)}.header-cont{width:100%}.header-animation{margin:0}.header-h1{font-size:2rem;margin-left:5%}.header-h2{margin:0;display:none}.fas{font-size:1.2rem;display:none}.cursor{display:inline}.content{width:100%;margin:0}.about{flex-direction:column;padding:5vh 0;margin:0}.about-img img{width:50%}.about-text{width:100%;padding:0;margin:0;font-size:1.4rem;text-align:justify}.about-text div{width:90%}.skills{padding:5vh 0}.skills h3{margin:0 0 2vh}.my-skills{width:20%;padding:0}.my-skills h3{font-size:1rem}.my-skills img{width:100%}.ind-skills{width:100%;margin:0;padding:0}.social-links{width:80%}.social-links-div{padding:0;display:flex;justify-content:space-around;align-items:center;height:8vh;margin:10px 0 0;width:100%}.form-name-email{width:90%;display:flex;flex-direction:column}.form-name-email div{width:100%}.form-name-email input,.form-subject-message input{width:95%;height:3rem;font-size:15px}.form-subject-message div{width:90%}.form-subject-message textarea{width:95%}}@media (max-width:330px){nav{width:100%}.header-h1{font-size:2rem;margin:0;padding:0}.about-text div{width:90%;padding:0;margin:0}.about,.skills{width:100%;padding:0;margin:0}.skills h3{margin:3vh 0}.my-skills{margin:5%}}.lds-roller{padding:10vh 0;display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{-webkit-animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;margin:-4px 0 0 -4px}.lds-roller div:first-child{-webkit-animation-delay:-36ms;animation-delay:-36ms}.lds-roller div:first-child:after{top:63px;left:63px}.lds-roller div:nth-child(2){-webkit-animation-delay:-72ms;animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){-webkit-animation-delay:-.108s;animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){-webkit-animation-delay:-.144s;animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){-webkit-animation-delay:-.18s;animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){-webkit-animation-delay:-.216s;animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){-webkit-animation-delay:-.252s;animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){-webkit-animation-delay:-.288s;animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@-webkit-keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.9c6793bb.chunk.css.map */