@font-face{font-family:'Enriqueta';src:url("./font/Enriqueta-Regular.ttf") format("truetype"),url("./font/Enriqueta-Bold.ttf") format("truetype")}*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}:focus{outline:#f06464 solid 3px}html{scrollbar-color:#504e4e #c4baba;font-size:62.5%}@media only screen and (max-width: 90em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:50%}}@media only screen and (max-width: 23.125em){html{font-size:43.75%}}::-webkit-scrollbar{background:#c4baba}::-webkit-scrollbar-thumb{background:#504e4e}::-webkit-scrollbar-button{background-color:#807770}::-moz-selection{background-color:rgba(163,183,243,0.75)}::selection{background-color:rgba(163,183,243,0.75)}body{box-sizing:border-box;font-family:"Enriqueta", serif;font-weight:400;color:#3f3f3f}svg{position:fixed;z-index:2;top:0;left:0;height:100%;width:100%;outline:1px solid transparent}@media only screen and (max-width: 37.5em){svg{display:none}}.container{background-color:#ece0d8}.container__about{position:relative;z-index:3;height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:9.5rem}@media only screen and (max-width: 37.5em){.container__about{padding:14rem 2rem 14rem 2rem}}.container__projects{display:flex}@media only screen and (max-width: 37.5em){.container__projects{display:block}}.container__footer{position:relative;z-index:5;height:100vh;padding:20rem 0 20rem 0;font-size:3rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media only screen and (max-width: 62.5em){.container__footer{padding:8rem 2rem 8rem 2rem;font-size:2.2rem}}@media only screen and (max-width: 37.5em){.container__footer{padding:18rem 2rem 18rem 2rem;font-size:2.2rem}}@media only screen and (max-width: 23.125em){.container__footer{padding:20rem 2rem 20rem 2rem;font-size:1.8rem}}.name{font-size:5rem}@media only screen and (max-width: 37.5em){.name{font-size:4rem}}@media only screen and (max-width: 23.125em){.name{font-size:3rem}}.title{font-size:3rem;padding-bottom:2rem}@media only screen and (max-width: 37.5em){.title{font-size:2.4rem}}.descriptions{width:33vw;height:100vh;position:-webkit-sticky;position:sticky;top:0;padding:12rem 0 0 1.5vw;font-size:2.2rem}@media only screen and (max-width: 62.5em){.descriptions{padding:3rem 0 0 1.5vw;width:40vw;font-size:1.8rem}}@media only screen and (max-width: 37.5em){.descriptions{width:100vw;height:40vh;padding-top:0}}.description{opacity:0;height:0;transition:opacity 0.4s;padding:0rem 5rem 0 5rem}@media only screen and (max-width: 37.5em){.description{padding:0}}.description .project-name{padding-bottom:0.5rem;font-size:3.8rem;z-index:3;position:relative}@media only screen and (max-width: 62.5em){.description .project-name{font-size:3rem}}@media only screen and (max-width: 37.5em){.description .project-name{font-size:2.8rem;padding:3rem 5rem 1.5rem 5rem;background-color:#ece0d8}}.description>.links{position:relative;z-index:5;font-size:1.8rem;margin-bottom:4rem}.description>.links>a{margin-right:1.2rem;color:#3f3f3f}.description>.links>a:visited{color:#807770}@media only screen and (max-width: 37.5em){.description>.links{background-color:#ece0d8;padding:0 5rem 5rem 5rem;margin:0}}.description>p{position:relative;z-index:4;padding-top:1rem;padding-bottom:2rem}@media only screen and (max-width: 37.5em){.description>p{background-color:#ece0d8;padding:0 5rem 5rem 5rem}}#description--cotillion span::before{background-color:skyblue}#description--portfolio span::before{background-color:#53d4b3}#description--github span::before{background-color:#f7bb2d}span{position:relative;display:inline-block}span::before{z-index:-1;position:absolute;content:'';height:2px;top:96%;width:100%;left:0;box-shadow:8px 12px 5px rgba(0,0,0,0.16)}@media only screen and (max-width: 37.5em){span::before{display:none}}.project-header{font-size:3rem;padding:3rem 8.5rem 15rem 0;text-align:right;display:flex;flex-direction:column}.project-header::after{content:'';margin:0.5rem;background:linear-gradient(to right, #ece0d8, #3f3f3f);-webkit-clip-path:polygon(100% 0, 0 0, 100% 100%);clip-path:polygon(100% 0, 0 0, 100% 100%);height:4px;width:100%}@media only screen and (max-width: 62.5em){.project-header::after{display:none}}.screenshots{display:flex;flex-direction:column;padding-top:15vh;width:67vw}@media only screen and (max-width: 62.5em){.screenshots{width:60vw}}@media only screen and (max-width: 37.5em){.screenshots{width:100vw;padding-top:0}}.screenshot-container{display:flex;justify-content:center;padding:10vh 1.5vw 20vh 0;margin-bottom:2px}.screenshot-container>img{width:95%;border:5px solid #f4f1f1;box-shadow:3px 5px 4px rgba(0,0,0,0.16)}#btn-scroll{cursor:pointer;background-color:#3f3f3f;color:#ece0d8;width:-webkit-max-content;width:-moz-max-content;width:max-content;border:none;padding:1rem 2rem 1rem 2rem;font-size:2rem}#btn-scroll>pre{font-family:"Enriqueta", serif}#contact{text-align:center}#contact>p{display:inline}#contact>a{color:#3f3f3f}#contact>a:visited{color:#807770}#contact #btn-email{cursor:pointer;font-family:"Enriqueta", serif;font-size:calc(3rem - 15%);padding:0.8rem 1.2rem 0.8rem 1.2rem;border-radius:0;color:#3f3f3f;background-color:#f4f1f1;border:3px solid #807770}.arrows{opacity:0;transition:opacity 0.4s}.visible{opacity:1}#arrows--github{-webkit-animation:dash 4s infinite linear;animation:dash 4s infinite linear;stroke-dasharray:10, 7}@-webkit-keyframes dash{to{stroke-dashoffset:-102}}@keyframes dash{to{stroke-dashoffset:-102}}