body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,Courier,monospace}:root{--dark-green:#466060;--dark-green-lighter:#5d8181;--dark-grey:#333;--light-green:#679695;--white:#fff}.App{align-items:center;font-family:Courier New,Courier,monospace;margin:auto;max-width:1600px}h1{font-size:48px}h2{font-size:24px;font-weight:500}h3{font-size:44px;font-weight:600}p{font-size:18px}button{font-family:Courier New,Courier,monospace}.dark{background-color:#466060;background-color:var(--dark-green);color:#333;color:var(--dark-grey)}.light{background-color:#679695;background-color:var(--light-green);color:#fff;color:var(--white)}.dark-reverse{background-color:#333;background-color:var(--dark-grey);color:#466060;color:var(--dark-green)}.light-reverse{background-color:#fff;background-color:var(--white);color:#679695;color:var(--light-green)}.navbar{height:64px;justify-content:flex-end;left:0;position:fixed;top:0;width:100%;z-index:100}.menu,.navbar{align-items:center;display:flex;flex-direction:row;margin:0;padding:0}.menu{list-style-type:none}.menu ul{display:flex;list-style:none;margin:0;padding:0}.menu li{font-weight:700;height:24px;margin:0 24px 0 0;overflow:hidden}.menu li,.menu ul a{cursor:pointer;font-size:24px}.menu ul a{align-items:center;display:flex;justify-content:flex-end;margin:0 16px 0 0}.menu li:nth-last-child(-n+2){margin:0 8px 0 0}.menu li:last-child{margin:0 24px 0 0}.light-reverse ul a{color:#679695;color:var(--light-green)}.dark-reverse ul a{color:#466060;color:var(--dark-green)}.menu ul a:hover{text-decoration:underline}.menu-button-container{align-items:center;cursor:pointer;display:none;flex-direction:column;height:100%;justify-content:center;margin:0 16px 0 0;width:30px}#menu-toggle{display:none}.menu-button,.menu-button:after,.menu-button:before{border-radius:2px;display:block;height:4px;position:absolute;transition:-webkit-transform .4s cubic-bezier(.23,1,.32,1);transition:transform .4s cubic-bezier(.23,1,.32,1);transition:transform .4s cubic-bezier(.23,1,.32,1),-webkit-transform .4s cubic-bezier(.23,1,.32,1);width:30px}.light-reverse .menu-button,.light-reverse .menu-button:after,.light-reverse .menu-button:before{background-color:#679695;background-color:var(--light-green)}.dark-reverse .menu-button,.dark-reverse .menu-button:after,.dark-reverse .menu-button:before{background-color:#466060;background-color:var(--dark-green)}.menu-button:before{content:"";margin-top:-8px}.menu-button:after{content:"";margin-top:8px}#menu-toggle:checked+.menu-button-container .menu-button:before{margin-top:0;-webkit-transform:rotate(405deg);transform:rotate(405deg)}.light-reverse #menu-toggle:checked+.menu-button-container .menu-button{background:#fff;background:var(--white)}.dark-reverse #menu-toggle:checked+.menu-button-container .menu-button{background:#333;background:var(--dark-grey)}#menu-toggle:checked+.menu-button-container .menu-button:after{margin-top:0;-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}@media (max-width:700px){.navbar{gap:16px}.menu-button-container{display:flex}.menu{align-items:center;flex-direction:column;justify-content:center;left:0;margin-top:64px;position:absolute;top:0;width:100%}#menu-toggle~.menu li{border:0;height:0;margin:0}#menu-toggle:checked~.menu li,#menu-toggle~.menu li{padding:0;transition:height .4s cubic-bezier(.23,1,.32,1)}#menu-toggle:checked~.menu li{height:56px}.dark-reverse #menu-toggle:checked~.menu li{border-color:#466060;border-color:var(--dark-green);border-style:solid;border-width:1px 0 0}.light-reverse #menu-toggle:checked~.menu li{border-color:#679695;border-color:var(--light-green);border-style:solid;border-width:1px 0 0}.menu>li{align-items:center;display:flex;justify-content:center;margin:0;padding:0;width:100%}.light-reverse .menu>li{background-color:#fff;background-color:var(--white);color:#679695;color:var(--light-green)}.dark-reverse .menu>li{background-color:#333;background-color:var(--dark-grey);color:#466060;color:var(--dark-green)}}.toggle-theme{align-items:center;display:flex;justify-content:flex-end;margin-right:16px}.toggle-theme .dark{background-color:#333;background-color:var(--dark-grey)}.theme-switch{display:inline-block;height:24px;position:relative;width:40px}.theme-switch input{height:0;opacity:0;width:0}.slider{background-color:#679695;background-color:var(--light-green);border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;background-color:var(--white);border-radius:50%;bottom:2px;content:"";height:20px;left:2px;width:20px}input:checked+.slider{background-color:#466060;background-color:var(--dark-green)}input:focus+.slider{box-shadow:0 0 1px #466060;box-shadow:0 0 1px var(--dark-green)}input:checked+.slider:before{background-color:#333;background-color:var(--dark-grey);-webkit-transform:translateX(16px);transform:translateX(16px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.page{justify-content:left;margin:0;width:100%;z-index:-1}#home,.page{display:flex;flex-direction:column}#home{margin-left:160px;margin-right:320px;margin-top:22vh}.title-small{display:none}#about{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:none;gap:96px;justify-content:center;margin-left:160px;margin-right:208px;margin-top:256px}#about .right{margin-top:32px}#about .about-img{border-radius:360px;height:400px;width:400px}.dark #about .about-img{-webkit-filter:brightness(85%);filter:brightness(85%)}#about .about-btn{display:flex;flex-direction:row;justify-content:left;margin-bottom:0;margin-left:344px;margin-top:64px;z-index:10}#about .about-btn button{background-color:hsla(0,0%,100%,0);border:solid;border-radius:4px;font-size:24px;font-weight:500;line-height:32px;min-height:56px;min-width:192px;opacity:.84;outline:none;padding:8px 16px;z-index:10}.dark #about .about-btn button{background-color:hsla(0,0%,100%,0);color:#333;color:var(--dark-grey)}.light #about .about-btn button{background-color:hsla(0,0%,100%,0);color:#fff;color:var(--white)}#about .about-btn button:hover{cursor:pointer;opacity:1;-webkit-transform:scale(1.01) rotate(-359.2deg);transform:scale(1.01) rotate(-359.2deg)}#projects{display:flex;flex-direction:column;margin-top:10vh}#projects .title{margin-left:160px;margin-right:160px}#projects .containers{grid-gap:64px;align-items:center;display:grid;grid-template-columns:repeat(2,1fr);margin:144px auto;padding:0;text-align:center}#projects .containers .container{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:auto;height:440px;justify-content:space-between;padding:32px;position:relative;transition:all .3s;width:480px;z-index:10}.container-up{justify-content:flex-start}.container-down,.container-up{display:flex;flex-direction:column}.container-down{justify-content:flex-end}.dark #projects .containers .container{color:#333;color:var(--dark-grey)}.light #projects .containers .container{color:#fff;color:var(--white)}#projects .container span{transition:all .3s}#projects .container:before{border-bottom:2px solid hsla(0,0%,100%,.5);border-top:2px solid hsla(0,0%,100%,.5);bottom:0;content:"";height:100%;left:0;opacity:0;position:absolute;-webkit-transform:scaleX(.1);transform:scaleX(.1);transition:all .3s;width:100%;z-index:1}#projects .container:hover span{letter-spacing:2px}#projects .container:hover:before{background-repeat:no-repeat;background-size:100%;opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:5}#projects .container:after{background-color:hsla(0,0%,100%,.2);bottom:0;content:"";height:100%;left:0;position:absolute;transition:all .4s;width:100%;z-index:1}#projects .containers .container:hover:after{opacity:0;-webkit-transform:scaleX(.1);transform:scaleX(.1)}#projects .container h3{font-weight:800;margin:0 0 16px}#projects .container p,#projects .used-tech-title p{font-weight:400;line-height:32px;margin:0 16px 16px}#projects .used-technologies{display:flex;flex-direction:row;font-size:20px;gap:32px;justify-content:center;margin:0;padding:0}.used-technologies .technology{display:flex;flex-direction:column}.used-technologies .technology #icon{align-self:center;font-size:64px;margin:0 0 8px}.used-technologies .technology .text{margin:0;text-align:center}#projects .project-btn{display:flex;flex-direction:row;gap:64px;justify-content:center;margin-bottom:0;margin-top:32px;z-index:10}#projects .project-btn button{border:none;border-radius:4px;box-shadow:0 4px 16px rgba(17,17,26,.1),0 8px 24px rgba(17,17,26,.1),0 16px 56px rgba(17,17,26,.1);font-size:20px;font-weight:600;height:56px;line-height:32px;opacity:.8;outline:none;padding:8px 16px;width:178px;z-index:10}#projects .project-btn button:hover{cursor:pointer;opacity:1;-webkit-transform:scale(1.01) rotate(-359.2deg);transform:scale(1.01) rotate(-359.2deg)}#contact{margin-bottom:144px;margin-left:160px;margin-top:10vh}#contact p{font-size:24px;margin-left:40px;margin-top:40px}#contact a{text-decoration:none}.light #contact a{color:#fff;color:var(--white)}.dark #contact a{color:#333;color:var(--dark-grey)}#contact a:hover{text-decoration:underline}.bottom-button{bottom:32px;height:64px;position:fixed;right:16px}.bottom-button button{border:none;border-radius:100%;box-shadow:0 4px 16px rgba(17,17,26,.1),0 8px 24px rgba(17,17,26,.1),0 16px 56px rgba(17,17,26,.1);font-size:32px;font-weight:600;height:64px;outline:none;width:64px;z-index:100}.bottom-button button:hover{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;cursor:pointer}@-webkit-keyframes bounce{0%{-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}20%{-webkit-transform:scaleY(.8) translateY(24px);transform:scaleY(.8) translateY(24px)}60%{-webkit-transform:scaleY(1.1) translateY(-16px);transform:scaleY(1.1) translateY(-16px)}80%{-webkit-transform:scaleY(.8) translateY(24px);transform:scaleY(.8) translateY(24px)}to{-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}}@keyframes bounce{0%{-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}20%{-webkit-transform:scaleY(.8) translateY(24px);transform:scaleY(.8) translateY(24px)}60%{-webkit-transform:scaleY(1.1) translateY(-16px);transform:scaleY(1.1) translateY(-16px)}80%{-webkit-transform:scaleY(.8) translateY(24px);transform:scaleY(.8) translateY(24px)}to{-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}}.footer{align-items:center;display:flex;height:32px;justify-content:center;margin:0;padding:4px}.footer p{font-size:16px}.text-animation-container{font-size:72px;height:144px;margin-top:144px;position:relative}.hello{font-weight:800;opacity:0;position:absolute;-webkit-transform:scale(0) translateX(-50%) translateY(-50%);transform:scale(0) translateX(-50%) translateY(-50%)}.show-text .hello{opacity:1;-webkit-transform:scale(1) translateX(-50%) translateY(-50%);transform:scale(1) translateX(-50%) translateY(-50%)}@media (max-width:1920px){#projects .containers{grid-gap:32px;margin:64px auto}#projects .containers .container{max-width:384px;min-height:504px}#projects .project-btn{gap:16px;margin-top:16px}}@media (max-width:1440px){h1{font-size:48px}h2{font-size:24px;font-weight:500}h3{font-size:40px;font-weight:600}p{font-size:20px}#about,#home{margin-left:144px;margin-right:144px}#about{gap:32px}#about .right{margin-top:32px}#about .about-img{height:336px;margin-top:16px;width:336px}#about .about-btn{margin-left:64px;margin-top:32px}#about .about-btn button{min-height:40px;min-width:176px}#projects .title{margin-left:144px;margin-right:144px}#projects .containers{grid-gap:32px;display:grid;grid-template-columns:repeat(2,1fr);margin:64px auto}#projects .containers .container{height:auto;max-width:384px;min-height:480px}#contact{margin-left:144px;margin-right:144px}.text-animation-container{height:96px;margin-top:144px}.hello{font-size:48px;font-weight:600}}@media (max-width:1000px){h1{font-size:36px}h2{font-size:20px;text-align:justify}h3{font-size:32px;font-weight:500}p{font-size:16px}#home{margin-top:0}#about,#home{margin-inline:64px}#about{flex-direction:column;gap:16px;margin-top:20vh}#about .right{align-self:center;margin-top:32px}#about .about-img{height:240px;width:240px}#about .about-btn button{font-size:20px;min-height:40px;min-width:160px}#projects .title{margin-inline:64px}#projects .containers{grid-gap:32px;display:grid;grid-template-columns:repeat(1,1fr);margin:32px auto}#projects .containers .container{height:auto;max-width:384px;min-height:440px}#projects .project-btn{gap:32px;justify-content:center;margin-top:32px}#projects .project-btn button{font-size:16px;font-weight:500;height:48px;line-height:24px;padding:4px 8px;width:160px}#contact{margin-inline:64px;margin-bottom:4vh;margin-top:10vh}#contact p{font-size:20px;margin-left:0;margin-top:20px}.footer p{font-size:12px}.show-text .hello{display:none}.title-small{display:inline}}@media (max-width:480px){h1,h2{text-align:center}#projects .containers{grid-gap:32px}#projects .containers .container{height:auto;max-width:70vw;padding-inline:20px}#projects .used-technologies{gap:16px}.used-technologies .technology #icon{font-size:56px}#projects .project-btn{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:0;margin-top:16px;z-index:10}#projects .project-btn button{height:48px;padding:4px 8px;width:168px}#contact{margin-bottom:20px}#home{margin-top:0}#about,#home{margin-inline:16px}#about{margin-top:10vh}#about .about-btn{justify-content:center}#about .about-btn,#projects .title{margin-inline:16px}.bottom-button{bottom:40px;height:24px;margin-left:auto;margin-right:2px;position:relative}}
/*# sourceMappingURL=main.aebe841d.css.map*/