-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.20dd920d.css
2 lines (2 loc) · 10.4 KB
/
main.20dd920d.css
1
2
*{box-sizing:border-box}body,html{margin:0;padding:0;scroll-behavior:smooth}body{font-family:Raleway,Century Gothic,sans-serif;background:#e7f6f8;line-height:1.5}h1,h2,h3{font-family:Satisfy,Century Gothic,cursive;color:#397f88}h2{font-size:5rem;padding:0;text-align:center;margin-bottom:20px;background:url(barcelona.f4d1baa2.svg) 0 no-repeat;background-size:94px;width:280px}p{color:#23494f;font-size:1rem}a,button{transition:all .2s ease-in-out;cursor:pointer}a:hover,button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}a:focus,button:focus{outline:none;box-shadow:0 0 3pt 2pt #dba37a}section{min-height:700px}@media (min-width:700px) and (min-height:700px){section{height:100vh}}.content{height:100%}.introContent{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:row;flex-wrap:wrap;height:100%}.introContent_githubLink{position:absolute;top:15px;right:15px;height:34px}.introContent_githubLink img{height:100%}.introContent_wrapper{align-items:center;flex-direction:column;flex-wrap:nowrap}.introContent_greeting,.introContent_wrapper{display:flex;justify-content:center;width:100%}.introContent_greeting{background-color:#d9eef1;height:398px}.introContent_greeting-title{font-size:6.8rem;margin-top:50px;text-align:center;position:absolute;width:100%;z-index:1;opacity:0}.introContent_greeting-img{-o-object-fit:cover;object-fit:cover;max-width:100%;padding-top:30px}.introContent_text{padding:10px 38px 20px;opacity:0;width:100%;line-height:190%;max-width:600px;text-align:center}nav{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:row;flex-wrap:wrap;flex-basis:185px;opacity:0}nav svg{position:relative;top:-8px;z-index:-1}nav>a{width:185px;height:47px;border:none;font-size:1.1rem;color:#23494f;text-decoration:none;text-align:center;margin:20px 1.5em 0;display:inline-block;background:url(stroke.8dcff711.svg) no-repeat 50%;background-position-y:26px}.entry_animation{-webkit-animation:HeroAnimation;animation:HeroAnimation;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.02,.8,.2,1);animation-timing-function:cubic-bezier(.02,.8,.2,1)}@-webkit-keyframes HeroAnimation{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes HeroAnimation{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (min-width:700px){.introContent_greeting{background-color:transparent}.introContent_greeting-title{margin-top:76px}.introContent nav{flex-wrap:nowrap;margin:30px;min-width:100%}}@media (max-width:700px){.introContent_githubLink{display:none}}.aboutMeContent{margin:20px}.aboutMeContent_heading{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:row;flex-wrap:nowrap}.aboutMeContent h2{margin:50px 0}.aboutMeContent .date{font-weight:700}.timeline{position:relative;margin:0 20px}.timeline_events{display:flex;flex-wrap:wrap}.timeline_events_description{width:340px;margin:0 0 30px}.timeline_events .last{margin-bottom:0}.timeline_line{content:"";position:absolute;width:2px;background-color:#e1aa7d;left:-19px;top:8px;bottom:6px}.timeline .date{min-width:110px;margin:0}.timeline .date:after{content:"";position:absolute;border:5px solid #e1aa7d;border-radius:50%;left:-23px;margin-top:7px}@media (min-width:700px){.aboutMeContent{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column;flex-wrap:wrap;height:100%;margin:0}.aboutMeContent h2{font-size:6.25rem;background-size:122px;width:380px;margin-top:0}.aboutMeContent .timeline_events_description{margin-left:25px}.aboutMeContent .timeline_events .date{margin-left:10px}}.portfolioContent{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column;flex-wrap:nowrap;max-width:880px;height:100%}.portfolioContent .slider{display:flex;width:100%;position:relative;margin:0;padding:0;list-style:none;min-height:600px}.portfolioContent .slide{visibility:hidden;opacity:0;transition:all .7s ease-in-out;position:absolute;min-height:600px;margin-top:30px}.portfolioContent .slide.current{visibility:visible;opacity:1}.portfolioContent .button-wrapper{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;position:absolute;z-index:99}.portfolioContent button{border:none;border-radius:50%;height:44px;width:44px;padding:2px;position:absolute}.portfolioContent .leftButton{background:url(arrow_left.c66f9da6.svg) transparent 0 no-repeat;margin-left:-2em;background-color:#397f88;background-size:41px}.portfolioContent .rightButton{background:url(arrow_right.f765158b.svg) transparent 100% 0 no-repeat;margin-right:-2em;background-color:#397f88;background-size:41px;right:0}.portfolioContent .nav-dots{display:flex;list-style:none;padding:0}.portfolioContent .nav-dot{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:row;flex-wrap:nowrap;margin:0 6px;width:20px;height:20px}.portfolioContent .nav-dot:hover{cursor:pointer}.portfolioContent .nav-dot>span{display:inline-block;width:10px;height:10px;background-color:#e1aa7d;border-radius:50%;opacity:.2}.portfolioContent .nav-dot>span:hover{opacity:.7}.portfolioContent .nav-dot.currentDot>span{opacity:1}.portfolioContentImage{display:flex;align-items:center;justify-content:center;width:80%;background:#d9eef1;margin:0 auto 50px;position:relative;box-shadow:0 0 2px rgba(120,131,132,.12),0 2px 4px rgba(120,131,132,.25);border-radius:3px}.portfolioContentImage_img{max-width:70%;padding:15px 0;margin:1em auto}.portfolioContentImage h3{font-size:2.3rem;margin:0;position:absolute;bottom:-27px;left:-20px}.portfolioContentImage a{background:url(github_nofill.1ffb1170.svg) 50% no-repeat;background-size:80%;position:absolute;bottom:-12px;right:-18px;width:44px;height:44px;border-radius:50%}.portfolioContentDescription{padding:0;width:80%;margin:auto}.portfolioContentDescription a{color:#e1aa7d;-webkit-text-decoration-color:#e1aa7d;text-decoration-color:#e1aa7d;text-underline-position:under;transition:none}.portfolioContentDescription_date{color:#9297a0}.portfolioContentDescription_skills{height:50px;padding:10px 0;width:100%;display:flex;margin-bottom:30px}.portfolioContentDescription_skills span{width:30px;height:100%;margin-right:25px}.portfolioContentDescription_skills .react{background:url(react.c8b2db89.svg) 50% no-repeat;background-size:102%}.portfolioContentDescription_skills .css{background:url(css.3af5b254.svg) 50% no-repeat;background-size:100%}.portfolioContentDescription_skills .js{background:url(js.84513789.svg) 50% no-repeat;background-size:100%}.portfolioContentDescription_skills .figma{background:url(figma.720e431b.png) 50% no-repeat;background-size:100%}.portfolioContentDescription_skills .styledComp{background:url(styledComponents.639c76d3.svg) 50% no-repeat;background-size:100%}.portfolioContentDescription_skills .typescript{background:url(typescript.389d7d3b.svg) 50% no-repeat;background-size:100%}.portfolioContentDescription_skills .cSharp{background:url(csharp.abf7566e.svg) 50% no-repeat;background-size:100%}.portfolioContentDescription_skills .unity{background:url(unity.156db48e.svg) 50% no-repeat;background-size:100%}.portfolioContentDescription_skills .game_design{background:url(gamedesign.f5358d47.png) 50% no-repeat;background-size:100%}.portfolioContentDescription_skills .interaction_design{background:url(interaction.b93ee337.png) 50% no-repeat;background-size:85%}.portfolioContentDescription_skills .project_management{background:url(project.eb18f5e8.png) 50% no-repeat;background-size:100%}.portfolioContentDescription_skills .research{background:url(research.1afc1de0.png) 50% no-repeat;background-size:100%}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);top:127%;right:0;background:#f9f9f9;padding:5px 8px;color:#000;border-radius:5px;white-space:nowrap;font-size:.75rem}.tooltip:after,.tooltip:before{position:absolute;opacity:0;transition:all .2s ease}.tooltip:before{content:"";top:94%;left:50%;margin-left:-7px;border:5px solid transparent;border-bottom-color:#f9f9f9}.tooltip:hover:after,.tooltip:hover:before{opacity:1}@media (min-width:1000px){.portfolio{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column;flex-wrap:wrap}.portfolioContent{width:900px}.portfolioContentImage{height:450px;width:500px;background:none;box-shadow:none;margin:0 0 0 30px}.portfolioContentImage_img{max-width:500px;max-height:340px;margin:0}.portfolioContentImage a{left:-29px;bottom:-10px}.portfolioContentImage h3{font-size:3.75rem;left:-90px;top:-63px}.portfolioContent .slide{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:row;flex-wrap:nowrap;background:#d9eef1;box-shadow:0 0 4px #d6e3e4,0 0 2px #a3b3b5,0 2px 4px #afbfc1;border-radius:3px;min-height:500px;justify-content:space-around}.portfolioContentDescription{width:300px;margin:0 0 20px;padding:30px}.portfolioContent .button-wrapper{width:880px;left:-40px}.portfolioContent .nav-dots{margin:0 0 20px}.tooltip:after{padding:5px 15px}}.contactContent{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column;flex-wrap:wrap;height:100%;color:#23494f}.contactContent h2{width:350px;margin-bottom:0}.contactContent h4{font-weight:300;font-size:1.5rem;text-align:center}.contactContent .socialIcons{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:row;flex-wrap:nowrap}.contactContent .email,.contactContent .github,.contactContent .linkedin{font-size:1.1rem;padding-top:65px;text-decoration:none;color:#23494f;margin:10px 30px}.contactContent .email{background:url(mail.730c73a0.svg) top no-repeat;color:#e1aa7d}.contactContent .linkedin{background:url(linkedin.1be18448.svg) top no-repeat}.contactContent .github{background:url(github_nofill.1ffb1170.svg) top no-repeat}footer{display:flex;justify-content:space-between;align-items:flex-end;padding:0 20px 20px}footer>p{margin:0}footer>a,footer>p{opacity:.7;font-size:.8rem}footer>a{background:url(arrow_up.0da69842.svg) top no-repeat;text-decoration:none;color:#23494f;padding-top:30px}footer>a:hover{opacity:1}@media (min-width:700px){.contactContent h2{width:430px;margin-top:20px;font-size:6.25rem;background-size:122px}}
/*# sourceMappingURL=main.20dd920d.css.map */