@font-face{font-family:"MonumentExtended-Ultrabold";src:url("./fonts/MonumentExtended-Ultrabold.otf") format("opentype")}@font-face{font-family:"MonumentExtended-Regular";src:url("./fonts/MonumentExtended-Regular.otf") format("opentype")}*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Poppins",sans-serif;scroll-behavior:smooth}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}::-moz-selection{background-color:#7547F8;color:#FFFFFF;padding:0 1rem}::selection{background-color:#7547F8;color:#FFFFFF;padding:0 1rem}#circle{position:absolute;background-color:#b6a4e6;width:300px;height:300px;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;mix-blend-mode:exclusion;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none}@media screen and (max-width:1024px){#circle{display:none}}body{background-color:#0D0D0D;color:#e1e1e1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:"Poppins",sans-serif;scroll-behavior:smooth;position:relative;scroll-behavior:smooth}h1{font-family:"Poppins",sans-serif;color:#e1e1e1;font-weight:300;-webkit-transition:color 0.5s ease-in-out;transition:color 0.5s ease-in-out}h1:hover{color:#ffffff;-webkit-transform:translateY(1rem);transform:translateY(1rem);-webkit-transition:-webkit-transform 0.5s ease;transition:-webkit-transform 0.5s ease;transition:transform 0.5s ease;transition:transform 0.5s ease,-webkit-transform 0.5s ease}h2{font-family:"Poppins",sans-serif}h3{font-family:"Poppins",sans-serif}h4{font-family:"Poppins",sans-serif}p{font-family:"Poppins",sans-serif}.audio{z-index:10;position:fixed;bottom:50px;right:50px}@media screen and (max-width:1350px){.audio{bottom:20px;right:20px}}.audio #toggleButton.active{background-color:#7547F8;padding:1rem;color:white;border:none;border-radius:50%;width:50px;height:50px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.audio #toggleButton.active:hover{-webkit-transform:translateX(1rem);transform:translateX(1rem);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.audio #toggleButton.inactive{background-color:#949494;padding:1rem;color:white;border:none;border-radius:50%;width:50px;height:50px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.audio #toggleButton.inactive:hover{-webkit-transform:translateX(1rem);transform:translateX(1rem);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.audio #volumeRange{-webkit-transform:rotate(-90deg) translateX(2rem);transform:rotate(-90deg) translateX(2rem)}.audio .volume-container{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100px;height:150px}.audio .volume-container label{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.audio #volumeRange{-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;height:100px;-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical}.picture_logo{position:fixed;z-index:10;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;left:50px;top:50px}@media screen and (max-width:1350px){.picture_logo{width:50px;height:auto;left:20px;top:20px}}.picture_logo:hover{-webkit-transform:translateX(1rem);transform:translateX(1rem);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:10;font-family:"Poppins",sans-serif;position:fixed;right:50px;top:50px}@media screen and (max-width:1350px){.nav{right:20px;top:30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.5rem}}.nav a{font-size:1rem;color:#ffffff;font-weight:600;text-decoration:none;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.nav a:hover{color:#7547F8;-webkit-transform:translateX(1rem);transform:translateX(1rem);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}@media screen and (max-width:1350px){.nav a{font-size:0.8rem}}.accent{color:#7547F8}.content{padding:10rem 0.5;width:80%;padding:1rem;margin:0 auto}@media screen and (max-width:1350){.content{width:100%}}.hero{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10rem 1rem}@media screen and (max-width:1350px){.hero{padding:10rem 0.5rem;height:100%}}.hero .hero-title{font-family:"MonumentExtended-Ultrabold",Arial,sans-serif;margin:0;text-align:center;font-size:5rem;max-width:60ch;-webkit-transition:color 0.5s ease-in-out;transition:color 0.5s ease-in-out;z-index:0}.hero .hero-title:hover{color:#7547F8;-webkit-transition:color 0.5s ease;transition:color 0.5s ease}@media screen and (max-width:1350px){.hero .hero-title{font-size:2rem;max-width:100%}}.hero .hero-title2{font-family:"MonumentExtended-Ultrabold",Arial,sans-serif;margin:0;text-align:center;font-size:100px;max-width:60ch;-webkit-transition:color 0.5s ease-in-out;transition:color 0.5s ease-in-out;z-index:4}.hero .hero-title2:hover{color:#7547F8;-webkit-transition:color 0.5s ease;transition:color 0.5s ease}@media screen and (max-width:1350px){.hero .hero-title2{font-size:2rem;max-width:100%}}.about{text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:150%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10rem 1rem}@media screen and (max-width:1350px){.about{padding:9rem 0}}.about h2{font-weight:300}.about p{font-size:80px;line-height:110%;font-family:"Poppins",sans-serif;font-weight:600}@media screen and (max-width:1350px){.about p{font-size:2rem;width:100%}}.what_i_do{text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:150%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10rem 1rem;z-index:10}@media screen and (max-width:1350px){.what_i_do{width:100%;padding:5rem 0}}.what_i_do h2{font-weight:300}.what_i_do .skill{text-decoration:none;font-family:"MonumentExtended-Ultrabold",Arial,sans-serif;font-size:100px;color:#e1e1e1;-webkit-text-decoration:non;text-decoration:non;z-index:10;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;margin-bottom:2rem}@media screen and (max-width:1350px){.what_i_do .skill{font-size:2rem;width:100%;margin-bottom:2rem}}.what_i_do .skill:hover{color:#7547F8;-webkit-transform:translateX(20px);transform:translateX(20px);-webkit-transition:-webkit-transform 0.2s ease-out;transition:-webkit-transform 0.2s ease-out;transition:transform 0.2s ease-out;transition:transform 0.2s ease-out,-webkit-transform 0.2s ease-out}.experience{padding:10rem 1rem}@media screen and (max-width:1350px){.experience{padding:10rem 0rem}}.experience h2{font-weight:300}.experience p{font-size:80px;line-height:110%;font-family:"Poppins",sans-serif;font-weight:600}@media screen and (max-width:1350px){.experience p{font-size:2rem;width:100%;margin-bottom:2rem}}.experience .card-enxperience{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:8rem;z-index:4;padding:40px;border-bottom:solid #878787 1px}@media screen and (max-width:1350px){.experience .card-enxperience{gap:0.5rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1rem}}.experience .card-enxperience h5{font-family:"Poppins",sans-serif;font-size:48px}@media screen and (max-width:1350px){.experience .card-enxperience h5{font-size:2rem}}.experience .card-enxperience p{font-family:"Poppins",sans-serif;font-size:36px;font-weight:300}@media screen and (max-width:1350px){.experience .card-enxperience p{font-size:1rem}}footer{z-index:10;padding:10rem 1rem}footer .list_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width:1350px){footer .list_container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4rem}}footer .list_my_work{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:10}footer .list_content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:10}footer .list_contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:10}footer .list_contact h5{font-size:40px;font-weight:600}@media screen and (max-width:1350px){footer .list_contact h5{font-size:2rem}}footer .list_contact a{font-size:28px;font-weight:300;text-decoration:none}@media screen and (max-width:1350px){footer .list_contact a{font-size:1rem}}footer h2{font-weight:300}footer a{text-decoration:none;font-family:"Poppins",sans-serif;font-weight:600;font-size:48px;color:#e1e1e1;-webkit-text-decoration:non;text-decoration:non;z-index:10;-webkit-transition:-webkit-transform 0.5s ease-out;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,-webkit-transform 0.5s ease-out}@media screen and (max-width:1350px){footer a{font-size:2rem}}footer a:hover{color:#7547F8;-webkit-transform:translateX(20px);transform:translateX(20px);-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out}