* {margin: 0;-webkit-box-sizing: border-box;box-sizing: border-box;}.buttons {display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 1.8rem;}.buttons a:first-child {margin-right: 1rem;}#portfolio-button {background: #fff;color: #f84;}.button-project {color: #fff;border: 2px solid #f84;text-decoration: none;text-transform: uppercase;font-size: 1em;border-radius: 4px;cursor: pointer;padding: 10px;font-weight: bold;}.button-project:hover {background: white;color: #ff8844;}.welcome_section {top: 0;background: #1c2129;background-attachment: fixed;background-size: cover;height: 100vh;font-size: 32px;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-pack: center;-ms-flex-pack: center;justify-content: center;background: -webkit-gradient(linear, left top, left bottom, from(#181d23), color-stop(80%, #202736));background: linear-gradient(to bottom, #181d23 0%, #202736 80%);-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.welcome_section-name {color: #fff;font-size: 64px;}a,a:active {-webkit-transition: 200ms;transition: 200ms;}a.cta {background: #f84;font-weight: 100;font-size: 18px;padding: 1rem;border: 1px solid transparent;text-transform: uppercase;text-decoration: none;color: #fff;font-weight: bold;}a.cta:hover,a.cta:active {background: transparent;border: 1px solid #f84;-webkit-transform: translateY(-2px);transform: translateY(-2px);-webkit-box-shadow: 0 10px 100px -20px #f84;box-shadow: 0 10px 100px -20px #f84;}a.cta:visited {background: #f84;border: 1px solid transparent;color: #fff;font-weight: bold;}.description {max-width: 400px;padding-top: 60px;color: #fff;font-size: 20px;font-family: "Comfortaa";}.demo a {position: absolute;left: 50%;z-index: 2;display: inline-block;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);color: #fff;letter-spacing: 0.1em;text-decoration: none;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}.demo a a:hover {opacity: 0.5;}.scroll-link {padding-top: 70px;text-align: center;margin-bottom: 1rem;}.arrow {position: absolute;text-align: center;width: 24px;height: 24px;margin-left: -12px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: sdb05 1.5s infinite;animation: sdb05 1.5s infinite;-webkit-box-sizing: border-box;box-sizing: border-box;}.portfolio-title {color: #fff;text-transform: uppercase;padding-bottom: 2rem;}.projects_container {background: #202736;padding-top: 3.6rem;}.row {padding-top: 1.5rem;}.tech-icon {padding-right: 5px;color: #fff;margin-bottom: 10px;}.project-desc {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 50px;}.project-desc_title {color: #f84;font-weight: bold;}.project-desc_desc {color: #fff;padding: 15px;text-align: center;width: 100%;padding-bottom: 20px;}.project-pic {width: 180px;height: 180px;border-radius: 5px;}.proj {padding-bottom: 30px;}.contact {background: #202736;padding-bottom: 50px;}.contact_div {padding: 50px 0 50px;}.contact_div-title {color: #fff;padding-top: 50px;font-size: 24px;}.contact-icon {color: white;text-align: right;margin: 20px;-webkit-transform: scale(1.5);transform: scale(1.5);}.contact-icon:hover {cursor: pointer;color: #f84;-webkit-transform: scale(2.5);transform: scale(2.5);}.navbar {top: 0px;position: fixed;background: #181d23;width: 100%;margin: 0px 0px;}.navbar_element {display: inline-block;margin: 55px;margin-bottom: 18px;margin-top: 15px;}.navbar_link {color: #fff;text-decoration: none;}.navbar_link:hover {color: #f84;}nav ul {text-align: right;top: 0px;margin: 0px;}footer {padding: 20px 20px 10px;background: -webkit-gradient(linear, left top, left bottom, from(#202736), color-stop(80%, #181d23));background: linear-gradient(to bottom, #202736 0%, #181d23 80%);color: #fff;line-height: 40px;}footer a {color: #fff;}body {text-align: center;margin: 50px 0px 0px;font-family: "Orbitron", sans-serif;}@media (min-width: 768px) {.proj {width: 50%;}.project-desc {width: 400px;}.project-desc_desc {width: 41%;font-family: "Comfortaa";}.row {display: -webkit-box;display: -ms-flexbox;display: flex;}}@media (min-width: 1200px) {.proj {width: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;}.proj1 {float: left;}.proj2 {float: right;}}@media all and (max-width: 500px) {.project {margin: 40px 0;}}@media all and (max-width: 367px) {.proj {width: 100%;padding-bottom: 30px;}.contact-details {border: 2px solid #f84;border-radius: 0;width: 90px;height: 20px;padding: 10px;line-height: normal;}}@-webkit-keyframes sdb05 {0% {-webkit-transform: rotate(-45deg) translate(0, 0);transform: rotate(-45deg) translate(0, 0);opacity: 0;}50% {opacity: 1;}100% {-webkit-transform: rotate(-45deg) translate(-20px, 20px);transform: rotate(-45deg) translate(-20px, 20px);opacity: 0;}}@keyframes sdb05 {0% {-webkit-transform: rotate(-45deg) translate(0, 0);transform: rotate(-45deg) translate(0, 0);opacity: 0;}50% {opacity: 1;}100% {-webkit-transform: rotate(-45deg) translate(-20px, 20px);transform: rotate(-45deg) translate(-20px, 20px);opacity: 0;}}