*{padding:0;margin:0;list-style:none;text-decoration:none}body,html{height:100%;max-width:100%}.glitch,.logo,header{font-family:Hind,sans-serif}*,.project:hover,.project_link{text-decoration:none}.projects,.skills{min-height:100%}*{padding:0;margin:0;list-style:none}body,html{height:100%;max-width:100%}table{margin-bottom:2.5rem;border-spacing:0;width:100%}td,th{border-bottom:.1rem solid #e1e1e1;padding:1.2rem 1.5rem;text-align:left}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}header{background-color:#2B0059;height:10%;color:#fff;display:flex;align-items:center;justify-content:space-between}.lines-button,.option:hover:after{border-radius:20px;background-color:#fff}.nav-bar{width:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-block;margin-left:10%}.mobile-button{width:30px;height:50px;margin-right:10%;display:none}.lines-button{height:3px;width:30px;position:relative;top:50%;transition:.3s}.lines-button::after{content:"";height:3px;width:100%;background-color:#fff;border-radius:20px;position:absolute}.lines-button::before{content:"";height:3px;width:100%;background-color:#fff;border-radius:20px;position:absolute;top:10px;left:0}.lines-button::after{top:-10px;left:0}.close-lines{transform:rotate(45deg)}.close-lines::before{top:0;transform:rotate(-95deg)}.close-lines::after{display:none}.title{font-size:1.5rem;font-weight:400;margin:0}.container-options{margin-right:10%;display:flex;flex-direction:row-reverse;justify-content:space-around}.option a{margin:.5rem;font-size:1.2rem;color:#fff}.option:hover{position:relative}.option:hover:after{content:"";width:80%;height:2px;position:absolute;bottom:5px;left:10%;right:10%}@media screen and (max-width: 800px){.mobile-button{display:inline-block}.title{font-size:1rem}.container-options{background-color:#2B0059;width:100%;height:90%;flex-direction:column-reverse;text-align:center;justify-content:center;top:10%;right:100%;margin:0;position:absolute;z-index:500;transition:.3s}.active-menu{right:0}.option{width:40%;margin:20px auto}}.glitch{font-size:10rem;font-weight:700;text-align:center;transform:translate(0, 0);color:#F5F5F5;margin-top:-50px}.glitch:after,.glitch:before{display:block;content:"Hello World!";position:absolute;top:0;left:0;height:100%;width:100%;opacity:.8}.icons,.main{display:flex}.glitch::after{color:#f0f;z-index:-2;animation:glitch .35s cubic-bezier(.25, .46, .45, .94) both infinite}.glitch:before{color:#0ff;z-index:-1;animation:glitch .35s cubic-bezier(.25, .46, .45, .94) reverse both infinite}@keyframes glitch{0%,100%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-5px, 5px);transform:translate(-5px, 5px)}40%{-webkit-transform:translate(-5px, -5px);transform:translate(-5px, -5px)}60%{-webkit-transform:translate(5px, 5px);transform:translate(5px, 5px)}80%{-webkit-transform:translate(5px, -5px);transform:translate(5px, -5px)}}.main{height:90%;background:#2B0059;width:100%;flex-direction:column;justify-content:center;align-items:center}.description{font-family:"Source Sans Pro",sans-serif;font-size:1.3rem;text-align:center;color:#fff;margin-top:-20px;width:40%}.icons{width:10%;flex-direction:row;justify-content:space-between;margin-top:20px}.icons li{font-size:2rem}.icons li a{color:#fff}@media screen and (max-width: 800px){.glitch{font-size:6em}.description{width:80%;font-size:1.2em}.icons{width:80%;justify-content:space-around}}.scroll-down{position:relative;margin-top:40px;width:32px;height:32px;border:2px solid #FFF;border-radius:50%;z-index:2;-webkit-animation:bounce 2s infinite 2s;animation:bounce 2s infinite 2s;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.scroll-down::before{position:absolute;top:50%;left:50%;transform:translate(-50%, -70%) rotate(-45deg);display:block;width:12px;height:12px;content:"";border:2px solid #fff;border-width:0 0 2px 2px}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}}.projects_title{font-family:Hind,sans-serif;font-size:2rem;font-weight:700;text-align:center;margin:30px auto;color:#2B0059}.language{border:none;font-family:"Source Sans Pro",sans-serif;margin-left:10%;font-size:1.5rem;background-color:#fff;border-bottom:2px solid #666;color:#666}.language:focus{outline:0}.language>option{font-size:1.2rem;outline:0}.language>option:hover{outline-color:#2B0059}#project-wrapper{display:block;width:80%;margin:0 auto 30px auto;padding-bottom:100px;overflow-x:hidden}.project_link:nth-child(1) .project{margin-top:15px}.project_link:nth-last-child(1) .project{margin-bottom:15px}.project{border-bottom:1px solid #999;padding:30px;color:#666;transition:transform .2s;transform:translateX(0) translateY(0)}.project:hover{border-bottom:1px solid #5000A5;color:#5000A5;transform:translateX(8px) translateY(0)}.project_title{font-family:Hind,sans-serif;font-size:3rem;font-weight:700}.project_description,.project_stack,.textcontent{font-family:"Source Sans Pro",sans-serif}.project_description{font-size:1.5rem}.project_stack{font-size:1.2rem}@media screen and (max-width: 800px){.language{margin-left:5%;font-size:1rem;margin-bottom:20px}#project{width:95%}.project_title{font-size:1.8rem}.project_description{font-size:1rem}}.skills-section{width:100%;height:90%;padding:5% 0;display:flex;justify-content:center;background-color:#2B0059}.middle-container{display:flex;justify-content:center;text-align:center;align-items:center;width:50%;height:100%}.textcontent{width:70%;justify-content:center;align-items:center;color:#fff;font-size:1.4rem}.skills_title{font-size:2rem;font-family:Hind,sans-serif;text-align:center}.textcontent h2{font-size:2rem;font-family:Hind,sans-serif;text-align:center;margin-bottom:10px}.textcontent .icons{width:100%}@media screen and (max-width: 800px){.skills-section{height:auto;flex-direction:column}.middle-container{width:100%}}.skills_title{font-weight:700;margin:30px auto;color:#2B0059}.skills_table,footer{display:block;margin:0 auto;overflow-x:hidden}.skills_table table,footer{color:#666}.skills_table{width:70%}.skills_table table th{font-family:Hind,sans-serif;font-weight:700}.skills_table table td{font-family:"Source Sans Pro",sans-serif}footer{width:100%}footer p{text-align:center;padding:2rem 0}