.about-me{align-items:center;flex-direction:column;padding:15vh 0 20vh}.about-me,.about-me h1{display:inline-block;text-align:center}.about-me h1{margin:0 8vw;font-family:Changa One;font-size:3.8rem;line-height:min(17vw,8rem)}@media screen and (min-width:768px){.about-me h1{font-size:calc(5rem + 5*(100vw - 768px)/432)}}.about-me .react-markdown{white-space:"pre-wrap";line-height:1.5}.about-me .about-me-description h4{font-family:Medium;font-size:min(6vw,1.75rem);line-height:min(8vw,3rem)}.about-me .about-me-description h5{font-family:Medium;font-size:min(5.25vw,1.5rem);line-height:min(8vw,3rem)}.about-me .about-me-description img{height:min(6.5vw,2.5rem);pointer-events:none}.about-me .about-me-description p{font-family:Small;font-size:calc(.9rem + .15vw);line-height:calc(1.9rem + .15vw);margin:0 8vw}@media screen and (min-width:1450px){.about-me-description p{margin:0 10vw}}.social-media{text-align:center;margin-bottom:min(10vw,10rem)}.skills__contact .contact-me{background-color:#cecece;color:#000}.contact-info{display:flex;flex-direction:column;align-items:center;font-family:Small;font-size:calc(.9rem + .15vw);line-height:calc(1.9rem + .15vw)}.contact-info .contact{margin:min(2vw,2vh)}.contact-info .contact img{height:min(4.3vw,1.5rem);pointer-events:none}.contact-info .contact a{transition:all .7s ease-out;text-decoration:none;color:#fff}.contact-info .contact a:hover{transition:all .7s ease-out;color:#777}.social__logo{display:inline-block;padding-left:min(3vw,3rem);padding-right:min(3vw,3rem);margin-top:3rem;width:min(20vw,7rem);border-radius:100%;margin-left:min(1.5vw,.5rem);margin-right:min(1.5vw,.5rem)}.social__logo .external-link{color:#fff;border-radius:100%}.social__logo img{width:min(20vw,7rem);border-radius:50%;box-shadow:0 0 0 min(1.5vw,.5rem) #fff;transition:all .3s ease-in-out;background:#fff;-webkit-user-drag:none}.social__logo img:hover{transform:scale(1.15);transition:all .3s ease-in-out;background:#ddd;box-shadow:0 0 0 min(1.5vw,.5rem) #ddd}.divider{position:absolute;background:linear-gradient(#fff,#fff),#fff;padding:min(1vw,.5rem);border-radius:20px;width:30%;left:35%;background-origin:content-box,padding-box;background-clip:content-box,padding-box}.vertical-timeline:before{background:#fff!important}.vertical-timeline-element,.vertical-timeline-element-content.is-hidden,.vertical-timeline-element-icon.is-hidden,.vertical-timeline-element.is-hidden{opacity:1!important;visibility:visible!important}.experiences__title-box{display:flex;align-items:center;justify-content:center;padding:15vh 0 10vh}.experiences__title-box h1{font-family:Changa One;font-size:calc(2.4rem + .2vw);line-height:min(10.5vw,5rem);padding:0 5vw;font-weight:400}.vertical-timeline *{box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;position:relative;padding:2em 0}.vertical-timeline:after{content:"";display:table;clear:both}.vertical-timeline:before{content:"";position:absolute;top:0;left:18px;height:100%;width:4px;background:var(--line-color)}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{position:relative;margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";display:table;clear:both}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05)}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;animation:cd-bounce-1 .6s}@keyframes cd-bounce-1{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}.vertical-timeline-element-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;box-shadow:0 3px 0 #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;box-shadow:none}.vertical-timeline-element-content:after{content:"";display:table;clear:both}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0;opacity:.7}.vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right-color:#fff}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:unset;left:100%;height:0;width:0;border:7px solid transparent;border-left-color:#fff}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{left:100%;border-left:7px solid #fff;border-right:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:124%;top:6px;font-size:16px;font-size:1rem}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;animation:cd-bounce-2 .6s}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;animation:cd-bounce-2-inverse .6s}}@keyframes cd-bounce-2{0%{opacity:0;transform:translateX(-100px)}60%{opacity:1;transform:translateX(20px)}to{transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;transform:translateX(100px)}60%{opacity:1;transform:translateX(-20px)}to{transform:translateX(0)}}.school-information{display:flex;align-items:center;text-align:center;flex-direction:column;padding-top:20vh;padding-bottom:20vh}.school-information h1{font-family:Changa One;font-size:calc(2.4rem + .2vw);padding-bottom:5rem;font-weight:400}.school-information h1,.school-information h2{display:inline-block;text-align:center;margin:0 7vw}.school-information h2{font-family:Medium}.school-information h2,.school-information p{font-size:calc(.9rem + .15vw);line-height:calc(1.9rem + .15vw)}.school-information p{display:inline-block;text-align:center;font-family:Small;margin:min(3rem,9vw) 7vw min(2rem,6vw)}.school-information img{scale:.9;width:min(40vw,17rem);padding-bottom:min(2vw,.5rem);object-fit:contain;pointer-events:none}.school-information summary{cursor:pointer}.school-information details{margin:min(3vw,1rem)}.school-information .degree_table__header{font-size:min(3.3vw,1.1rem)}.school-information table{border-collapse:collapse;width:100%}.school-information td,.school-information th{padding:15px;text-align:left;border:1px solid #333;transition:background .3s ease-out}.school-information th{color:#fff;font-weight:500}.school-information th,.school-information th:first-child{background:linear-gradient(180deg,#4f54ff,#3135b6)}.school-information td{font-size:14px;background-color:#eff}.school-information a{text-decoration:none;transition:color .3s ease-out}.school-information a:hover,.school-information a:visited:hover{color:#777;transition:color .3s ease-out}.school-information td:hover{background-color:#777;cursor:pointer}.degree_table__contents,.degree_table__header,.degree_table__title{transition:1s;font-family:Small;font-size:min(3.6vw,1.2rem);border-radius:1rem}.degree_table__contents{font-size:min(3vw,1rem)}.section-wrapper{display:flex;text-align:left;justify-content:center;padding:min(10vw,5rem) 10vw;gap:min(8rem,6vw);margin:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.section-wrapper h2{font-family:Medium;font-size:calc(1.2rem + .15vw);line-height:min(6.5vw,3rem);font-weight:400;transition:color .3s ease}.section-wrapper .section-skills p{font-family:Small;font-size:calc(.9rem + .15vw);line-height:calc(1.9rem + .15vw)}.section-wrapper .my-button{transform:scale(.8);margin:1vh 0;padding:8px 16px;font-size:min(2.5vw,.9rem);position:relative;overflow:hidden}.section-wrapper .my-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.section-wrapper .my-button:hover:before{left:100%}.section-wrapper:nth-child(2n){flex-direction:row-reverse;text-align:left}.section-wrapper:hover{transform:translateY(-4px)}.section-wrapper:hover .section-logo{transform:scale(1.05)}.section-wrapper:hover h2{color:#ddd}.section-image-box,.section-image-box__mobile{margin-bottom:min(2vw,.8rem);object-fit:contain;transition:all .3s cubic-bezier(.4,0,.2,1)}.section-image-box:hover,.section-image-box__mobile:hover{transform:scale(1.1)}.section-image-box__mobile{display:none;justify-content:center;margin:5vh 0}.section-description{display:flex;justify-content:center}.section-logo{border:1px solid #ddd;width:min(56vw,22rem);height:min(56vw,22rem);margin:min(2.3vw,1.2rem) 0;object-fit:contain;box-shadow:0 8px 32px hsla(0,0%,100%,.1);border-radius:12px;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);filter:brightness(.9)}.section-logo:hover{filter:brightness(1);box-shadow:0 12px 40px hsla(0,0%,100%,.2)}.gray{color:#626262}@media screen and (max-width:1200px){.section-wrapper{display:absolute;justify-content:center;align-items:center;text-align:center!important;margin:0}.section-wrapper .my-button{margin:1vh 0;transform:scale(.9)}.section-image-box{display:none}.section-image-box__mobile{display:flex}.section-logo{width:min(60vw,20rem);height:min(60vw,20rem)}}.projects__title{display:flex;justify-content:center;align-items:center;padding:15vh 0 10vh}.projects__title h1{font-family:Changa One;font-size:calc(2.4rem + .2vw);line-height:min(10.5vw,5rem);padding:0 5vw;font-weight:400}.nav-bar,.nav-bar__activate{display:flex;width:100%;height:min(21vw,7rem);background:#121212;z-index:15;position:fixed;border-bottom:#fff;border-bottom-style:solid;gap:5vw;box-shadow:0 0 10px 10px rgba(0,0,3,.2)}.nav-bar{top:-30%;transition:all .4s cubic-bezier(.53,0,.55,1)}.nav-bar__activate{top:0;transition:all .3s cubic-bezier(.53,0,.55,1)}.top-bar{display:flex}.top-bar .nav-link{margin-left:min(4.5vw,1.5rem);margin-right:min(4.5vw,1.5rem)}.nav-bar__image{margin-left:min(21vw,7rem);transition:all .3s ease-in-out}.nav-bar__image img{display:inline-block;vertical-align:middle;width:min(21vw,7rem);pointer-events:none}.nav-bar__image:hover{transform:scale(1.15);transition:all .3s ease-in-out}.nav-bar__links{display:flex}.nav-bar__links .nav-link p{text-align:center;font-family:Small;font-size:min(3vw,1.75rem);color:#eee;transition:all .2s ease-out;cursor:pointer}.nav-bar__links .nav-link p:hover{color:#777;transition:all .1s ease-out}.nav-link{color:#fff;text-decoration:none;display:flex;align-items:center}@media screen and (max-width:1200px){.top-bar{display:none}}.side-bar{display:none;width:100vw;left:0;position:-webkit-sticky;position:sticky;vertical-align:middle}.burger-bar{position:absolute;cursor:pointer;width:min(9.9vw,3.2rem);height:min(9vw,3rem);right:min(21vw,7rem);top:calc(50% - min(9vw,3rem)/2);-webkit-user-drag:none}.burger-bar,.burger-bar:hover{transition:all .3s ease-in-out}.burger-bar:hover{transform:scale(1.15)}.side-bar-box{position:absolute;right:-100%;top:0;background:#121212;height:calc(100vh - min(8vw,1.5rem));width:min(45vw,20rem);border-radius:1rem;overflow-x:hidden;overflow-y:auto;transition:all .7s cubic-bezier(.53,-.41,.55,1.2);box-shadow:0 4px 5px rgba(0,0,0,.75)}.side-bar-box p{color:#fff;padding:min(4vh,2rem) 100% min(4vh,2rem) min(4vh,2rem);margin-bottom:0;text-decoration:none;font-family:Small;font-size:min(4.5vw,1.5rem);scroll-behavior:smooth;transition:all .7s ease-in-out}.side-bar-box .nav-link p:hover{background-color:#fff;color:#000;text-decoration:none;transition:all .5s ease-in-out}.side-bar-box__activate{position:absolute;right:-100%;background:#121212;height:calc(100vh - min(8vw,1.5rem));width:min(45vw,20rem);border-radius:1rem;overflow-x:hidden;overflow-y:auto;box-shadow:0 4px 5px rgba(0,0,0,.75);right:0;top:0;transition:all .7s cubic-bezier(.53,-.41,.55,1.2)}.side-bar-box__activate p{color:#fff;padding:min(4vh,1.5rem) 100% min(4vh,1.5rem) min(4vh,1.5rem);margin-bottom:0;text-decoration:none;font-family:Small;font-size:min(4.5vw,1.5rem);scroll-behavior:smooth;transition:all .7s ease-in-out;cursor:pointer}.side-bar-box__activate p:hover{background-color:#fff;color:#000;text-decoration:none;transition:all .5s ease-in-out}@media screen and (max-width:1200px){.side-bar{display:flex}}.footer{background:#121212;border-top:#fff;border-top-style:solid;height:12vh;display:flex;justify-content:center;align-items:center}.footer p{color:#fff;font-size:calc(1rem + .3vw);font-family:Small;text-align:center}.background__all{background:linear-gradient(45deg,#000,#0a0a0a,#1a1a1a,#0f0f0f,#1a1a1a,#000);background-size:400% 400%;animation:gradientShift 15s ease infinite;padding-top:20vh;padding-bottom:20vh;position:relative;overflow:hidden}.background__all:before{background:radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.08) 0,transparent 50%);animation:pulse 8s ease-in-out infinite}.background__all:after,.background__all:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.background__all:after{background:radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.05) 0,transparent 50%);animation:pulse 6s ease-in-out infinite reverse}.box__all{padding:1vw;border-radius:20px;background-origin:content-box,padding-box;background-clip:content-box,padding-box;margin-top:min(10vh,5rem);background:linear-gradient(135deg,hsla(0,0%,7%,.95),rgba(26,26,26,.95) 50%,hsla(0,0%,7%,.95));margin-left:15vw;margin-right:15vw;border-radius:min(10vh,5rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 0 20px 8px hsla(0,0%,100%,.1),0 0 80px 20px hsla(0,0%,100%,.06),inset 0 1px 0 hsla(0,0%,100%,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.box__all:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.03) 50%,transparent 70%);border-radius:inherit;pointer-events:none}@media(hover:hover)and (pointer:fine){.box__all:hover{transform:translateY(-2px);box-shadow:0 0 40px 15px hsla(0,0%,100%,.25),0 0 140px 40px hsla(0,0%,100%,.12),0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2)}.box__all:hover:before{background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.08) 50%,transparent 70%)}}@media(hover:none)and (pointer:coarse){.box__all{box-shadow:0 0 40px 15px hsla(0,0%,100%,.25),0 0 140px 40px hsla(0,0%,100%,.12),0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2)}}@media screen and (max-width:1350px){.nav__suggestion{display:block}}@media screen and (max-width:1450px){.nav__suggestion{margin-left:5vw;margin-right:5vw}.box__all{margin-left:3vw;margin-right:3vw}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@media screen and (max-width:768px){.background__all{padding-top:15vh;padding-bottom:15vh}.box__all{margin-left:2vw;margin-right:2vw;border-radius:min(8vh,3rem)}}.scroll-to-top{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:hsla(0,0%,100%,.1);border:2px solid #fff;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;visibility:hidden;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.scroll-to-top.visible{opacity:1;visibility:visible;animation:slideInUp .3s ease-out}.scroll-to-top:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.scroll-to-top:active{transform:translateY(0)}@media(max-width:768px){.scroll-to-top{bottom:15px;right:15px;width:45px;height:45px}}