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,monospace}:root{--background:#d1d1d1;--text-primary:#333;--text-secondary:#004a7c;--text-accent:#a06c0c;--error:tomato;--success:#32cd32;--neutral:grey;--logo-color:#24292f;--ff-primary:"Roboto",sans-serif;--modal-background:#dee3e6}[data-theme=dark]{--background:#1d1d20;--text-primary:#d3d3d3;--text-secondary:#4ecdc4;--text-accent:gold;--error:tomato;--success:#32cd32;--neutral:#a9a9a9;--logo-color:#fff;--modal-background:#f6eee3}[data-theme=About_me]{--error:purple;--success:red}[data-theme=Projects]{--error:green;--success:blue}[data-theme=Contacts]{--error:#ff0;--success:green}.app{display:grid;min-height:100vh;overflow-y:auto}TimelineContent{color:#333;color:var(--text-primary)}*{box-sizing:border-box;margin:0;padding:0;transition:all .5s}h1,h2,h3,p,span{font-family:Roboto,sans-serif;font-family:var(--ff-primary)}p{font-size:16px;margin-top:12px}.right_section{padding:2rem}.content.show{opacity:1}.content.hide{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.timeline{width:500px}.about_me_section{display:flex;justify-items:center;position:relative}.about_me_description{display:flex;flex-direction:column;justify-content:center;padding:0}.menu_item{-webkit-tap-highlight-color:transparent;color:inherit;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:1em;text-decoration:inherit}.underlined:after{animation:fade .5s ease forwards;background:#32cd32;background:var(--success);background:linear-gradient(90deg,tomato,#32cd32);background:linear-gradient(to right,var(--error),var(--success));bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}span{border-bottom:none;position:relative;text-decoration:none}p,span{color:#333;color:var(--text-primary)}h1,h2,h3{color:#004a7c;color:var(--text-secondary);font-weight:900;line-height:1;text-shadow:#000}.Language_button{aspect-ratio:1;background-color:#004a7c;background-color:var(--text-secondary);border:none;border-radius:70%;box-shadow:0 2px 4px #2f4f4f;color:#fff;cursor:pointer;font-size:18px;height:3rem;left:0;padding:5px;position:fixed;top:0;transition:all .2s ease;width:3rem}li{size:1rem;margin-top:20px}.contact_reference{color:#24292f;color:var(--logo-color);font-size:45px}.contact_me_description{padding:0 30px;width:400px}.contact_container{align-items:center;display:flex}.get_in_touch{padding-top:2rem}.contact_list>*{margin-left:1rem}.contact_list>*,.get_in_touch{padding-left:2rem}.app,.content,.main-container,header{background-color:#d1d1d1;background-color:var(--background);z-index:0}.DarkModeToggle,.Language_button{margin:1em;position:fixed;z-index:1}.DarkModeToggle{right:0;top:0}.app{font-size:1.3125rem;line-height:1.6}.main-container{align-items:center;box-sizing:border-box;height:100%;justify-content:center;justify-self:center;position:relative}.content,.main-container{align-self:center;display:flex;overflow:hidden}.content{flex-basis:100%;justify-content:flex-end;max-width:1280px;min-height:calc(100% - 222px);padding:2.5rem;width:100vw}.left,.right{align-self:center;border-radius:3%;display:flex;flex:1 1;flex-direction:column}.left{flex-basis:30%;padding-right:2rem}.right{background-color:#d1d1d1;background-color:var(--background);flex-basis:70%}.right_content[fade="1"]{animation:dissolveInLeft .4s ease-in forwards}.profile_picture{aspect-ratio:1/1;border:3px solid #333;border:3px solid var(--text-primary);border-radius:50%;max-width:350px}@keyframes dissolveInLeft{0%{opacity:0;transform:translate3d(200px,0,0)}to{opacity:1;transform:translateZ(0)}}.menu{align-items:flex-start;background-color:#d1d1d1;background-color:var(--background);display:flex;flex-direction:column;margin-top:2rem;padding-bottom:20px;padding-left:2rem}.fade_in_anim,.menu>*{animation-duration:1.5s;animation-fill-mode:forwards;animation-name:fade;animation-timing-function:ease}.menu>*{flex-basis:100%;margin:.5rem 0;opacity:0}.menu>:first-child{animation-delay:.2s}.menu>:nth-child(2){animation-delay:.6s}.menu>:nth-child(3){animation-delay:1s}a{color:#004a7c;color:var(--text-secondary);text-align:right}p{color:#333;color:var(--text-primary)}.modal_box{border-radius:1%;z-index:0}.modal_box:after,.modal_box:before{background:linear-gradient(136deg,tomato,#32cd32 50%,tomato);background:linear-gradient(136deg,var(--error) 0,var(--success) 50%,var(--error) 100%);border-radius:10%;content:"";height:10rem;position:absolute;transform:translate(-328px,-8px);width:10rem;z-index:-1}.modal_box:after{background:#fff;transform:translate(-320px)}.card:before{background:linear-gradient(136deg,tomato,#32cd32 50%,tomato);background:linear-gradient(136deg,var(--error) 0,var(--success) 50%,var(--error) 100%);border-radius:10%;content:"";height:5rem;position:absolute;transform:translate(-5px,-5px);width:5rem;z-index:-1}.card{aspect-ratio:1/1;transition:all .2s ease-in;z-index:0}.card:hover{--success:#a0f;--neutral:#006aff;animation:float 1s ease-in-out infinite;background-color:tomato;background-color:var(--error);transform:translatey(0)}.left:before{background:linear-gradient(136deg,tomato,#32cd32 50%,tomato);background:linear-gradient(136deg,var(--error) 0,var(--success) 50%,var(--error) 100%);border-radius:10%;content:"";display:flex;height:5rem;left:-10px;position:relative;top:311px;width:5rem;z-index:-1}.right_accent:before{background:linear-gradient(136deg,tomato,#32cd32 50%,tomato);background:linear-gradient(136deg,var(--error) 0,var(--success) 50%,var(--error) 100%);transform:translate(-15px,-15px);z-index:-2}.right_accent:after,.right_accent:before{border-radius:10%;content:"";display:block;height:10rem;opacity:100%;position:absolute;width:10rem}.right_accent:after{background:#d1d1d1;background:var(--background);z-index:-1}a{padding-left:.5em}.bottom-right-box,.top-right-box{background-color:#d1d1d1;background-color:var(--background);border-radius:10%;height:11rem;position:absolute;width:11rem;z-index:-1}.bottom-right-box{align-self:flex-end}.gradient{background:linear-gradient(136deg,tomato,#32cd32 50%,tomato);background:linear-gradient(136deg,var(--error) 0,var(--success) 50%,var(--error) 100%);border-radius:10%;height:9rem;transform:translate(1rem,1rem);width:9rem}.gradient-top{transform:translate(1rem,-1rem)}.name_svg{width:250px}.name_svg>*{stroke:#333;stroke:var(--text-primary);fill:#d1d1d1;fill:var(--background)}.name_svg path:first-child{stroke-dasharray:582;stroke-dashoffset:582;animation:line-animation 2s ease 3s forwards,fill .5s ease 3.3s forwards}.name_svg path:nth-child(2){stroke-dasharray:736;stroke-dashoffset:736;animation:line-animation 2s ease 2.7s forwards,fill .5s ease 3.3s forwards}.name_svg path:nth-child(3){stroke-dasharray:343;stroke-dashoffset:343;animation:line-animation 2s ease 2.4s forwards,fill .5s ease 3.3s forwards}.name_svg path:nth-child(4){stroke-dasharray:685;stroke-dashoffset:685;animation:line-animation 2s ease 2.1s forwards,fill .5s ease 3.3s forwards}.name_svg path:nth-child(5){stroke-dasharray:488;stroke-dashoffset:488;animation:line-animation 2s ease 1.8s forwards,fill .5s ease 3.3s forwards}.name_svg path:nth-child(6){stroke-dasharray:702;stroke-dashoffset:702;animation:line-animation 2s ease 1.5s forwards,fill .5s ease 3.3s forwards}.name_svg path:nth-child(7){stroke-dasharray:685;stroke-dashoffset:685;animation:line-animation 2s ease 1.2s forwards,fill .5s ease 3.3s forwards}.name_svg path:nth-child(8){stroke-dasharray:345;stroke-dashoffset:345;animation:line-animation 2s ease .9s forwards,fill .5s ease 3.3s forwards}.name_svg path:nth-child(9){stroke-dasharray:578;stroke-dashoffset:578;animation:line-animation 2s ease .6s forwards,fill .5s ease 3.3s forwards}.name_svg path:nth-child(10){stroke-dasharray:472;stroke-dashoffset:472;animation:line-animation 2s ease .3s forwards,fill .5s ease 3.3s forwards}.floating{animation:float 4s ease-in-out infinite;transform:translatey(0)}.mail_path{height:25px;width:25px}.project_list{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));z-index:10}li{align-items:center;display:flex}svg{display:block}.card_desc,.card_title{color:#000}.modal_box{background-color:#fff;display:flex;flex-direction:row;justify-content:space-evenly;left:50%;min-height:25rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:50rem}.right_modal{margin:0 20px 80px 40px}.left_modal{display:flex;flex-direction:column;justify-content:space-between;min-width:250px;padding-bottom:20px}.left_modal,.right_modal{padding-top:20px}.modal_title{color:#000;padding-bottom:20px}.modal_icon{align-self:center;color:#000;font-size:75px;justify-self:center;padding:0;text-align:center}.tech_stack_modal>*{color:#000;font-size:20px;margin:5px 0 0 10px}.github_link{display:flex;justify-content:flex-end;padding-right:20px}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-10px)}to{transform:translatey(0)}}@keyframes line-animation{to{stroke-dashoffset:0}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fill{0%{fill:#d1d1d1;fill:var(--background)}to{fill:#333;fill:var(--text-primary)}}@media (max-width:1100px){.project_list{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));z-index:10}}@media (max-width:950px){.content{margin-bottom:5rem;padding:0 5rem}.content,.modal_box{flex-direction:column}.modal_box{width:40rem}.about_me_section{flex-direction:column}.left,.right{flex:1 1;margin:1em 0 0;padding:0;position:relative}.left{padding:2.5rem 0}.right{margin-bottom:auto}.top-right-box{display:none}.contact_container{flex-direction:column}.contact_reference{padding:0}ul>li{display:inline-block;margin-left:40px}.tech_stack_modal>*{display:flex}.left_modal,.right_modal{margin:0 20px}}@media (max-width:680px){.modal_box{width:25rem}}@media (max-width:450px){.content{align-items:flex-end;flex-direction:column;justify-content:end;padding:0 1rem}.left,.right{margin:1em 0 0;padding:0}.left{height:auto;padding:2.5rem 0}.modal_box{width:25rem}}
/*# sourceMappingURL=main.e89ec7f0.css.map*/