.links,p{opacity:.9}h1,p{letter-spacing:1.3px}.links,.see-more,button,footer a{cursor:pointer}*{padding:0;margin:0;box-sizing:border-box}body,html{height:100%}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes linksHover{0%{color:#fff;border-bottom:1px solid #fff}100%{border-bottom:0;-webkit-transform:translate(0,-5px);transform:translate(0,-5px)}}.outer-head{height:100vh;width:100%;position:fixed;background-color:#4267AB}.outer-head header{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-left:100px;width:80%;max-width:1000px;-webkit-transition:top 0s;transition:top 0s;-webkit-animation:fadeIn 1.2s ease-in;-webkit-animation-iteration-count:1;animation-iteration-count:1}.outer-head header p{margin:10px 0;color:#fff}.start-links,h1{margin-bottom:15px}a{text-decoration:none;color:#000}.links,h1{color:#fff}p{word-break:keep-all;font-size:18px;font-family:Raleway;line-height:25px}span{font-weight:600}h1{font-weight:100;font-family:Poiret One,cursive;font-size:40px}svg{height:45px;position:absolute;left:0;top:0;width:100%}rect{stroke-dasharray:400,0;fill:none;stroke:#fff;-webkit-transition:all .8s cubic-bezier(.23,.55,.98,.78)}.links{position:relative;display:inline-block;margin-right:10px;font-size:18px;font-family:Raleway;vertical-align:middle;line-height:45px;padding:0 10px}.grouping,.project-heading{font-family:Poiret One,cursive;font-weight:100;letter-spacing:1.3px;text-align:center}.links:hover{opacity:1}.links:hover rect{stroke-dasharray:10,300;stroke-dashoffset:45}._hide{display:none}.container{position:absolute;top:100vh;width:100%;background-color:#fff;margin-bottom:180px}.project-card,img{position:relative}.project-card{margin:30px 0;max-height:800px;padding:60px 0 120px;overflow:hidden}.project-first-inline-card,.project-second-inline-card{display:inline-block;vertical-align:top;text-align:center;width:48%}.project-first-inline-card{height:100%;padding:0 90px}.project-first-inline-card p{color:rgba(0,0,0,.7)}.project-first-inline-card p:nth-child(1),.project-first-inline-card p:nth-child(2),.project-first-inline-card p:nth-child(3){margin-bottom:5px}.grouping{font-size:52px;padding-top:30px}.grouping+.project-card{margin-top:0}.grouping+.project-card .project-heading{margin-top:20px}.project-heading{font-size:68px;margin-bottom:15px;margin-top:35px;cursor:pointer;opacity:1;-webkit-transition:opacity .2s ease-in}button,footer a{font-family:Raleway}.project-heading:hover{opacity:.6}img{width:100%;height:auto;-webkit-transition:top 2.5s ease-in;top:0}._silver{background-color:#fbfbfb}.see-more{margin:10px auto 0;font-size:24px;-webkit-transition:color .3s ease-in;width:180px;padding:5px 15px}.see-more:hover{color:#000}.project-second-inline-card{max-height:650px;padding:0 20px}.tech{font-weight:600;opacity:1}#binary{cursor:none}footer{background-color:#5F8DB7;padding:65px 0;position:fixed;bottom:0;width:100%;z-index:-1;text-align:center;height:180px}footer a{color:rgba(255,255,255,.8);margin:0 auto;font-size:26px;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;display:block}footer a:hover{color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}button{font-size:18px;margin:10px 2.5px;padding:15px 50px;color:#fff;background-color:#4267AB;border:0;-webkit-transition:padding .2s ease-in;transition:padding .2s ease-in}button:hover{padding:15px 60px}.skills{width:100%;padding:10px 0 30px;margin:0 auto;background-color:#fbfbfb}.skills .skills-inside{width:80%;max-width:750px;min-width:250px;margin:0 auto}.skills-inside-first,.skills-inside-second,.skills-inside-third{width:100%;vertical-align:top}.skills-inside-first ul,.skills-inside-second ul,.skills-inside-third ul{list-style-type:none;text-align:center}.skills-inside-first li,.skills-inside-second li,.skills-inside-third li{display:inline-block;font-size:18px;padding:5px 2px;font-family:Raleway}.skills-inside-first h3,.skills-inside-second h3,.skills-inside-third h3{font-size:32px;padding:5px;margin:5px;cursor:default}._button{font-size:30px;width:250px;padding:10px 25px;background-color:#67D6B5;color:rgba(255,255,255,.8);margin:0 auto 30px;border-radius:4px;cursor:pointer;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;box-shadow:0 4px 2px 0 rgba(0,0,0,.6)}._button:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);color:#fff;box-shadow:0 30px 10px -25px rgba(0,0,0,.3)}._project-small{height:700px;padding:20px 30px}._grouping-small{font-size:54px}.multi-card{max-height:1200px;padding:0;margin:0;overflow:hidden}.multi-card .project-heading{padding:15px 0;margin:0}.multi-card .project-half{width:48%;height:100%;display:inline-block;padding:25px;vertical-align:top}.multi-card .project-half:nth-child(1){border-right:1px solid transparent}.multi-card .project-first-inline-card,.multi-card .project-second-inline-card{width:100%;display:block;padding:0 30px;height:48%}.multi-card .project-second-inline-card{margin-top:35px}._grouping-hover{opacity:1;-webkit-transition:opacity .2s ease-in}._grouping-hover:hover{opacity:.6}@media (max-width:1400px){._project-small{height:550px}.project-heading{font-size:56px}.project-first-inline-card{padding:0 20px}}@media (max-width:1250px){.project-first-inline-card,.project-second-inline-card{display:block;width:100%;margin:20px 0;text-align:center}.project-card{max-height:900px;padding:0}.project-first-inline-card{height:35%}._project-small{max-height:1400px;height:100%}.project-second-inline-card{width:60%;margin:0 auto;height:80%}}@media (max-width:1000px){.binary-content .buttons .button-inside button{width:80px}}@media (max-width:900px){.container-inside{width:100%}.project-heading{font-size:46px}.multi-card .project-first-inline-card,.multi-card .project-second-inline-card{padding:0}.multi-card button{font-size:16px;padding:15px 30px}.multi-card button:hover{padding:15px 50px}}@media (max-width:1000px){.binary-content h2{padding:0;margin:20px 0}.binary-content .buttons{width:80%}.binary-content .branch,.binary-content .vertical-line-2{display:none}.binary-content .mid-content .content-card{width:100%;position:static}.binary-content .mid-content .vertical-line{display:block}}@media (max-width:800px){.project-second-inline-card{width:100%}.outer-head header{margin-left:40px;width:90%}}@media (max-width:700px){.multi-card{max-height:1800px}.multi-card button{padding:15px 50px}.multi-card button:hover{padding:15px 65px}.multi-card .project-half{display:block;width:100%}.skills{padding:10px 0 30px}.skills .skills-inside{width:95%}}@media (max-width:580px){.binary-content .buttons{width:98%}.binary-content .buttons .button-inside{width:45%}.binary-content .buttons .button-inside button{text-align:center;font-size:18px;width:30%}.binary-content .buttons .button-inside .animation-class-1{padding-right:30px}.binary-content .buttons .button-inside .animation-class-2{padding-left:20px}._button{padding:10px 25px}}@media (max-width:500px){.outer-head{position:static}.outer-head header{margin-left:20px;width:95%;top:45%;-webkit-transform:translateY(-45%);transform:translateY(-45%)}.outer-head h1{font-size:48px}._grouping-small{padding:20px 0 0 10px;font-size:38px}.project-card{margin:10px 0;padding:0 0 20px}.project-card:nth-child(2){padding:0}.project-first-inline-card{margin:10px 0 30px}.project-first-inline-card .project-heading{font-size:50px;margin:0 0 10px}._button{margin-top:30px}.skills{padding:20px 0}.skills .skills-inside{width:100%}footer a{font-size:22px}}