footer{align-items:center;background-color:var(--offWhite);color:#505050;display:flex;justify-content:space-between;padding:1rem 0;width:100%}footer .copyright p:first-child{font-size:.8rem}footer .copyright>p:last-child{margin-top:.5rem}footer .socialLinks{align-items:center;display:flex;font-size:3rem}footer .socialLinks a{color:var(--darkColor);margin:0 .5rem;text-decoration:none}@media only screen and (min-width:650px){footer .copyright{margin-left:10vw}footer .socialLinks{margin-right:10vw}}@media only screen and (max-width:650px){footer{align-items:center;flex-direction:column}footer .copyright{text-align:center}footer .socialLinks{margin:1rem 0}footer .socialLinks a{margin:0}}:root{--darkColor:#20232e;--lightColor:#fff;--offWhite:#dcdcdc;--accentColor:#9198b3;--blueColor:#456dff;--darkBlue:#28419b;--smallFont:2vmin;--titleFont:5vmin;--backgroundFont:16vmax}*{font-family:Roboto,sans-serif;margin:0;padding:0}nav{align-items:center;background-color:#dcdcdc;background-color:var(--offWhite);color:#20232e;color:var(--darkColor);display:grid;grid-template-columns:1fr 1fr;position:-webkit-sticky;position:sticky;top:0;z-index:1}nav .homeButton{align-items:center;display:flex;height:3rem;justify-content:center;justify-self:flex-start;margin-left:10vw}nav img{height:70%}nav .navlinks{display:flex;justify-self:flex-end}nav .navlinks li{list-style:none;padding:1rem 1.5rem;transition:all .2s ease}nav .navlinks a{color:currentColor;font-size:2vmin;font-size:var(--smallFont);font-weight:700;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.toggleButton{background-color:initial;border:none;cursor:pointer;display:none;justify-self:flex-end;margin-right:10vw}nav .toggleButton svg{fill:#20232e;fill:var(--darkColor);height:3rem;width:3rem}@media only screen and (min-width:650px){nav .navlinks{margin-right:10vw}nav .navlinks li:hover{background-color:#20232e;background-color:var(--darkColor)}nav .navlinks a:hover{color:#dcdcdc;color:var(--offWhite)}}@media only screen and (max-width:651px){:root{font-size:14px}nav .toggleButton{display:block}nav .navlinks{background-color:#dcdcdc;background-color:var(--offWhite);flex-direction:column;grid-column:1/3;margin-top:1rem;position:absolute;text-align:center;top:66%;width:100%;z-index:1}nav .navlinks a{font-size:2.5vmin;font-size:calc(var(--smallFont) + .5vmin)}}@media only screen and (max-width:400px){nav .navlinks a{font-size:3vmin;font-size:calc(var(--smallFont) + 1vmin)}}#about{background-color:var(--lightColor);color:var(--darkColor);isolation:isolate;min-height:calc(100vh - 3rem);overflow:hidden;padding-top:3rem;position:relative;width:100%}#about h1{font-size:var(--titleFont);font-weight:700;margin:2rem 0;text-align:center}#about .upperPart{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));margin:2rem 10vw;text-align:center}#about .upperPart .icon h2{margin-bottom:.5rem}#about .upperPart .icon p{line-height:1.5;margin:0 auto;max-width:30ch}#about .upperPart .icon .iconImage{align-items:center;aspect-ratio:1.15/1;background-color:var(--blueColor);-webkit-clip-path:polygon(0 50%,25% 0,75% 0,100% 50%,75% 100%,25% 100%);clip-path:polygon(0 50%,25% 0,75% 0,100% 50%,75% 100%,25% 100%);color:var(--lightColor);display:flex;font-size:3.5rem;justify-content:center;margin:0 auto 1rem;width:7.5rem}#about .upperPart .icon:nth-child(2n) .iconImage{background-color:var(--darkColor)}#about .bottomPart{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:4fr 5fr;justify-content:center;margin:2rem 10vw}#about .bottomPart .intro .image{aspect-ratio:1.15/1;background-color:var(--darkColor);background-image:url(/portfolio/static/media/profile.ea73bf68ac107d3e0969.jpg);background-position:50%;background-size:cover;-webkit-clip-path:polygon(0 50%,25% 0,75% 0,100% 50%,75% 100%,25% 100%);clip-path:polygon(0 50%,25% 0,75% 0,100% 50%,75% 100%,25% 100%);height:15rem;margin:0 auto;overflow:hidden}#about .bottomPart .intro h2{margin:1rem 0 .5rem;text-align:center}#about .bottomPart .intro p{line-height:1.5;margin:0 auto;max-width:60ch;padding:0 1rem}#about .bottomPart .intro p span{color:var(--blueColor)}#about .bottomPart .skills .progressBar{align-items:center;background-color:var(--offWhite);display:flex;isolation:isolate;justify-content:space-between;margin:1rem 0;position:relative;width:100%}#about .bottomPart .skills .progressBar p{align-items:center;background-color:var(--darkBlue);color:var(--lightColor);display:flex;font-weight:700;justify-content:center;min-height:2rem;padding:0 1rem;width:6rem}#about .bottomPart .skills .progressBar .percentage{font-weight:700;margin-right:1rem}#about .bottomPart .skills .progressBar .filled{background-color:var(--blueColor);height:100%;position:absolute;z-index:-1}#about:before{left:-.4em;top:15vh}#about:after,#about:before{color:var(--dark-color);content:"ABOUT";font-size:var(--backgroundFont);font-weight:700;letter-spacing:-.5vmax;line-height:.85;opacity:.1;position:absolute;z-index:-1}#about:after{right:-2em;top:82vh}@media only screen and (max-width:650px){#about h1{font-size:calc(var(--titleFont) + 1vmin)}#about .upperPart{grid-template-columns:1fr 1fr}#about .bottomPart .progressBar{margin:.5rem 0}#about .bottomPart .intro .image{height:10rem}}@media only screen and (max-width:750px){#about .bottomPart{gap:2rem;grid-template-columns:1fr}}#contact{background-color:var(--darkColor);color:var(--lightColor);isolation:isolate;min-height:calc(100vh - 3rem);overflow:hidden;padding-top:3rem;position:relative;width:100%}#contact h1{font-size:var(--titleFont);font-weight:700;margin:2rem 0;text-align:center}#contact .container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));margin:0 10vw}#contact label{display:block;margin-bottom:.2rem}#contact input{height:2em;margin-bottom:1.5em}#contact input,#contact textarea{border-radius:.5rem;min-width:25rem}#contact textarea{min-height:10rem;resize:none}#contact form button{border:none;border-radius:.5rem;height:2rem;margin-top:1rem;min-width:8rem}#contact h3{margin:1rem 0}#contact div:nth-child(2) p{line-height:1.5;max-width:45ch}#contact .tag{align-items:center;display:flex;font-size:1.8rem;margin:1rem 0}#contact .tag p{font-size:1rem;margin-left:1rem}#contact .cvDownloadButton{background:transparent;border:.067rem solid var(--offWhite);border-radius:.5rem;color:var(--offWhite);font-size:1rem;font-weight:700;padding:.5em 1.5em;position:relative;transition:all .2s ease-in}#contact:before{left:-2em;top:70vh}#contact:after,#contact:before{color:var(--lightColor);content:"CONTACT";font-size:var(--backgroundFont);font-weight:700;letter-spacing:-.5vmax;line-height:.85;opacity:.03;position:absolute;z-index:-1}#contact:after{right:-2em;top:10vh}@media only screen and (min-width:650px){#contact .container>div .cvDownloadButton:hover{background-color:var(--offWhite);color:var(--darkColor)}#contact .container>div .cvDownloadButton:hover:before{border-radius:.5rem;box-shadow:0 0 2rem var(--offWhite);content:"";height:100%;left:0;opacity:.2;position:absolute;top:0;transition:all .2s ease;width:100%;z-index:1}}@media only screen and (max-width:1050px){#contact div:nth-child(2)>p,#contact input,#contact textarea{min-width:100%}#contact .container>div{margin-bottom:2rem}}#home{align-items:center;background-color:var(--darkColor);color:var(--lightColor);display:flex;isolation:isolate;justify-content:center;min-height:calc(100vh - 3rem);position:relative;width:100%}#home div{margin-top:-3rem;text-align:center}#home h3{font-size:4.5vmin}#home div h3 span{color:var(--blueColor)}#home h1{font-size:11.5vmin;line-height:1;margin-bottom:.3em}#home:before{content:"FULL STACK DEVELOPER";font-size:var(--backgroundFont);font-weight:700;letter-spacing:-.5vmax;line-height:.85;margin-left:.05em;opacity:.03;right:.2em;text-align:right;top:20vh;word-break:break-word;z-index:-1}#home .arrow,#home:before{color:var(--lightColor);position:absolute}#home .arrow{bottom:1rem;font-size:3rem}#projects{background-color:var(--offWhite);color:var(--darkColor);isolation:isolate;min-height:calc(100vh - 3rem);overflow:hidden;padding-top:3rem;position:relative;text-align:center;width:100%}#projects h1{font-size:var(--titleFont);margin:2rem 0;text-align:center}#projects .container{align-items:center;display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));margin:0 10vw 2rem}#projects .container .textArea{background-color:var(--darkColor);box-sizing:border-box;color:#fff;min-height:75%;padding:2rem;text-align:left;z-index:1}#projects .container .textArea h3{margin-bottom:1rem}#projects .container .textArea p{line-height:1.3}#projects .container .imageArea{background-color:var(--blueColor);background-size:cover;min-height:18rem}#projects .container:nth-child(2) .imageArea{background-image:url(/portfolio/static/media/MovieverseHomepage.66302be5a5b99e998960.jpg);background-position:50%}#projects .container:nth-child(3) .imageArea{background-image:url(/portfolio/static/media/WineverseHomepage.a1ba17711696cb21b879.jpg);background-position:50%}#projects .container .tags{display:flex;flex-wrap:wrap}#projects .container .tags .tag{background-color:var(--offWhite);border-radius:1rem;color:var(--darkColor);font-weight:700;margin:1rem;padding:.3rem 1rem}#projects .container .tags .tag:first-child{margin-left:0}#projects button{background-color:initial;border:.067rem solid var(--darkColor);border-radius:1rem;font-size:var(--smallFont);font-weight:700;margin:2rem 0;padding:.8em 2em;position:relative;transition:all .1s ease-in}#projects:before{left:-1em;top:15vh}#projects:after,#projects:before{color:var(--darkColor);content:"PROJECTS";font-size:var(--backgroundFont);font-weight:700;letter-spacing:-.5vmax;line-height:.85;opacity:.1;position:absolute;z-index:-1}#projects:after{right:-4em;top:60vh}@media only screen and (min-width:820px){#projects .container:nth-child(2) .textArea{margin-right:-4rem}#projects .container:nth-child(3) .textArea{margin-left:-4rem}}@media only screen and (max-width:820px){#projects .textArea{grid-row:2/3}#projects .imageArea{min-height:13rem}}@media only screen and (max-width:650px){#projects button{font-size:calc(var(--smallFont) + .5vmin)}#projects .container .tags .tag{margin:1rem .3rem}#projects .container .tags{justify-content:center}}@media only screen and (min-width:650px){#projects button:hover{background-color:var(--darkColor);color:var(--offWhite)}#projects button:hover:before{border-radius:1rem;box-shadow:0 0 2rem var(--darkColor);content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;transition:all .2s ease;width:100%;z-index:1}}#moreProjects{grid-gap:2rem;background-color:var(--lightColor);display:grid;gap:2rem;grid-template-columns:1fr 1fr;width:100%}#moreProjects button{background-color:initial;border:.067rem solid var(--darkColor);color:var(--darkColor);cursor:pointer;margin-right:1rem;padding:.8rem 1.5rem;transition:all .2s ease-in}#moreProjects h1{font-size:var(--titleFont);grid-column:1/-1;margin:2rem 20vw 0}#moreProjects>div{grid-gap:2rem;display:grid;gap:2rem;grid-column:1/-1;grid-template-columns:1fr 1fr;margin:0 20vw}#moreProjects img{height:100%;object-fit:cover;width:100%}#moreProjects svg{background-color:var(--darkColor);border-radius:50%;color:var(--lightColor);font-size:2.25rem;margin-top:.05rem;outline:var(--darkColor) solid .067rem;transition:all .2s ease}#moreProjects .wineverse img:nth-of-type(3){grid-column:2;grid-row:1/3}#moreProjects .planbMenu img:first-of-type{grid-row:span 2}#moreProjects .miniGames{grid-template-columns:repeat(3,1fr)}#moreProjects .miniGames h2{grid-column:1/-1}#moreProjects .miniGames h4{margin:.5rem 0;text-align:center}#moreProjects .miniGames button{margin:1rem 0}#moreProjects .miniGames a{text-align:center}#moreProjects .moreComingSoon{margin-bottom:3rem}#moreProjects .clientSide h2,#moreProjects .summary h2,#moreProjects .summary p,#moreProjects h3{margin-bottom:1rem}#moreProjects p{line-height:1.3}#moreProjects .links{align-items:center;display:flex;gap:.5rem}@media only screen and (min-width:650px){#moreProjects svg:hover{background-color:initial;color:var(--darkColor);outline:none}#moreProjects button:hover{background-color:var(--darkColor);color:var(--lightColor)}}@media only screen and (max-width:650px){#moreProjects h1{margin:2rem 10vw 0}#moreProjects button{margin:.5rem}#moreProjects>div{margin:0 10vw}#moreProjects .wineverse .clientSide{grid-column:1;grid-row:2/3}#moreProjects .wineverse img:nth-of-type(3){grid-row:1/2}#moreProjects .meckuevskaKuka .clientSide,#moreProjects .planbMenu .clientSide,#moreProjects .recepiesApp .clientSide{align-self:flex-end;grid-column:1/2;grid-row:2/3}#moreProjects .insureLandingPage .clientSide,#moreProjects .meckuevskaKuka img:first-of-type,#moreProjects .recepiesApp .clientSide,#moreProjects .recepiesApp img:first-of-type{grid-column:1/-1}#moreProjects .planbMenu img:first-of-type{grid-column:1/2;grid-row:1/2}#moreProjects .planbMenu img:nth-last-of-type(2){object-position:right}#moreProjects .meckuevskaKuka img:nth-of-type(2),#moreProjects .recepiesApp img:nth-of-type(2){grid-column:2/3;grid-row:2/3}#moreProjects .budgetWoordle>img{grid-column:1/-1}#moreProjects .budgetWoordle .summary:nth-last-of-type(2){grid-row:2/3}#moreProjects .summary{grid-column:1/-1}#moreProjects .miniGames{grid-template-columns:repeat(3,28%)}#moreProjects .miniGames button{margin:2rem 0 1rem}}
/*# sourceMappingURL=main.1d60a02f.css.map*/