@import"https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap";body{color:#191919;background-color:#191919;font-family:"DM Serif Display",serif}@-webkit-keyframes bg-animation{0%{background-position:left}to{background-position:right}}@keyframes bg-animation{0%{background-position:left}to{background-position:right}}.intro{display:-webkit-box;display:-ms-flexbox;display:flex}.intro.hide{display:none}.stripe{z-index:10;height:100vh;width:20%;background-color:#2c2c2c;-webkit-animation:intro-animation 1s;animation:intro-animation 1s;-webkit-animation-iteration-count:1;animation-iteration-count:1}.stripe:nth-of-type(2){background-color:#2c2c2c;-webkit-animation-delay:.1s;animation-delay:.1s}.stripe:nth-of-type(3){background-color:#2c2c2c;-webkit-animation-delay:.2s;animation-delay:.2s}.stripe:nth-of-type(4){background-color:#2c2c2c;-webkit-animation-delay:.3s;animation-delay:.3s}.stripe:nth-of-type(5){background-color:#2c2c2c;-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes intro-animation{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes intro-animation{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.name-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:0;background-color:#f7f6f2;font-size:10px;padding:0;-webkit-animation:appearCSS 2s;animation:appearCSS 2s;-webkit-animation-delay:1s;animation-delay:1s}.line-top{height:2px;background-color:#191919;-webkit-animation:line-horizontal 2s;animation:line-horizontal 2s;-webkit-animation-delay:1s;animation-delay:1s}.nav{margin:0;padding:0;font-size:smaller;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#f7f6f2;-webkit-animation:appearCSS 2s;animation:appearCSS 2s;-webkit-animation-delay:1s;animation-delay:1s}.nav h1{margin-left:20px}.line-vertical{background-color:#191919;height:68px;width:2px;margin-right:20%;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation:line-vertical 4s;animation:line-vertical 4s}.container{display:-webkit-box;display:-ms-flexbox;display:flex}.projects{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:50%}.project{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:2em;background-color:#f7f6f2;padding:0 40px;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;-webkit-animation:appearCSS 2s;animation:appearCSS 2s;-webkit-animation-delay:1s;animation-delay:1s}.project p{font-size:12px}.project h1{-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.project:hover h1{-webkit-transform:translateX(-30px);transform:translate(-30px);cursor:pointer}.description{background-color:#f7f6f2;width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border-left:#000000 solid 2px;-webkit-animation:appearCSS 2s;animation:appearCSS 2s;-webkit-animation-delay:1s;animation-delay:1s}.description h2{font-size:50px;margin-top:15%;margin-left:10%;margin-bottom:0}.description h1{padding:0;margin:0 0 0 40px;font-size:12em;background-image:linear-gradient(45deg,#dad7cd,#a3b18a,#588157,#3a5a40,#344e41);background-size:400%;-webkit-animation:bg-animation 3s infinite alternate;animation:bg-animation 3s infinite alternate;-webkit-background-clip:text;color:transparent;font-family:Abril Fatface,cursive}.info{width:100%;background-color:#191919;height:30vh}.form{color:#dad7cd;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-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-animation:appearCSS 5s;animation:appearCSS 5s;-webkit-animation-delay:1s;animation-delay:1s}.line{width:70%;height:2px;background-color:#dad7cd;margin-left:20px;-webkit-animation:line-horizontal2 2s;animation:line-horizontal2 2s;-webkit-animation-delay:1s;animation-delay:1s}.form h1{margin-left:50px;font-size:8em;margin-bottom:0;cursor:pointer}.links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;margin-left:70px}.link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.link a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#dad7cd;gap:10px}@-webkit-keyframes line-vertical{0%{height:0}to{height:65px}}@keyframes line-vertical{0%{height:0}to{height:65px}}@-webkit-keyframes line-horizontal{0%{width:0}to{width:100%}}@keyframes line-horizontal{0%{width:0}to{width:100%}}@-webkit-keyframes line-horizontal2{0%{width:0}to{width:70%}}@keyframes line-horizontal2{0%{width:0}to{width:70%}}@-webkit-keyframes appearCSS{0%{opacity:0}to{opacity:100%}}@keyframes appearCSS{0%{opacity:0}to{opacity:100%}}@media only screen and (max-width: 1600px){.description h1{font-size:6em}}@media only screen and (max-width: 1200px){.description h1{font-size:6em}.project{font-size:1.5em}}@media only screen and (max-width: 800px){.description h1{font-size:4em}.description h2{font-size:2em}.project{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:1em}.form h1{font-size:3em}.links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:smaller}}@media only screen and (max-width: 600px){.description h1{font-size:2.5em}.description h2{font-size:1.5em}.project{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:.7em}.form h1{font-size:2em}.links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:smaller}}@media only screen and (max-width: 390px){.description h1{font-size:2.5em}.description h2{font-size:1.5em}.project{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:.7em}.form h1{font-size:2em}}a:visited{text-decoration:none}a{text-decoration:none;color:#191919}