body {background: #111111;font-family: 'IBM Plex Sans', sans-serif;color: #d8e1cf;font-size: 22px;text-align: center;max-width: 100%;overflow-x: hidden;}#menuToggle {display: none;}#menuClose {display: none;}.sidenav {display: none;}.projectDescription {color: black;font-family: 'Raleway', sans-serif;font-size: 20px;text-align: left;margin-left: 30px;margin-right: 30px;margin-top: 35px;}.repository.button-container {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;margin: 10px;}#repository {text-decoration: none;background: red;border-color: red;border-width: 2px;border: 2px solid;color: white;margin: 10px;padding: 8px;font-size: 17px;font-family: 'Raleway', sans-serif;font-weight: bold;text-align: center;-webkit-transition: background 0.7s;transition: background 0.7s;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}#repository:hover {background: white;color: red;cursor: pointer;outline: none;-webkit-box-shadow: none !important;box-shadow: none !important;}#repository2 {text-decoration: none;background: #2DBB28;border-color: #2DBB28;border: 2px solid;border-width: 2px;color: white;margin: 10px;padding: 8px;font-size: 17px;font-family: 'Raleway', sans-serif;font-weight: bold;text-align: center;-webkit-transition: background 0.7s;transition: background 0.7s;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}#repository3:hover {background: white;color: #107FC9;cursor: pointer;}#cyl-highlight {font-weight: bold;}#repository3 {text-decoration: none;background: #107FC9;border-color: #107FC9;border-width: 2px;border: 2px solid #107FC9;color: white;margin: 10px;padding: 8px;font-size: 17px;font-family: 'Raleway', sans-serif;font-weight: bold;text-align: center;-webkit-transition: background 0.7s;transition: background 0.7s;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}#repository2:hover {background: white;color: #2DBB28;cursor: pointer;}#repositoryIcon {margin-top: 10px;margin-bottom: 10px;margin-left: 10px;}.iziModal-header-title {font-size: 22px !important;}.iziModal-header-subtitle {font-size: 16px !important;}.slider {width: auto;margin-top: 0;margin-bottom: 0;margin-right: 30px;margin-left: 30px;}.firstMetro.slick-slide {background: url('../images/apps/Metroform.png') center center/cover;height: 450px;padding: 40px 0;}.secondMetro.slick-slide {background: url('../images/apps/Metroform2.png') center center/cover;height: 450px;padding: 40px 0;}.thirdMetro.slick-slide {background: url('../images/apps/Metroform6.png') center center/cover;height: 450px;padding: 40px 0;}.fourthMetro.slick-slide {background: url('../images/apps/Metroform3.png') center center/cover;height: 450px;padding: 40px 0;}.fifthMetro.slick-slide {background: url('../images/apps/Metroform5.png') center center/cover;height: 450px;padding: 40px 0;}.firstBonsai.slick-slide {background: url('../images/apps/TodoBonsai.png') center center/cover;height: 450px;padding: 40px 0;}.secondBonsai.slick-slide {background: url('../images/apps/TodoBonsai2.png') center center/cover;height: 450px;padding: 40px 0;}.thirdBonsai.slick-slide {background: url('../images/apps/TodoBonsaiLaravel.png') center center/cover;height: 450px;padding: 40px 0;}.firstCYL.slick-slide {background: url('../images/apps/CYL.png') center;background-size: 30% 100%;max-width: 100%;max-height: 100%;background-repeat: no-repeat;height: 450px;padding: 40px 0;}.secondCYL.slick-slide {background: url('../images/apps/CYL2.png') center;background-size: 30% 100%;max-width: 100%;max-height: 100%;background-repeat: no-repeat;height: 450px;padding: 40px 0;}.thirdCYL.slick-slide {background: url('../images/apps/CYL3.png') center;background-size: 30% 100%;max-width: 100%;max-height: 100%;background-repeat: no-repeat;height: 450px;padding: 40px 0;}.fourthCYL.slick-slide {background: url('../images/apps/CYL4.png') center;background-size: 30% 100%;max-width: 100%;max-height: 100%;background-repeat: no-repeat;height: 450px;padding: 40px 0;}.slick-prev:before, .slick-next:before {color: black;}#home {position: relative;overflow: hidden;background-color: #3a3a3a;}#title {margin-top: 70px;letter-spacing: 4px;}#about {width: 100vw;background-color: white;color: #3a3a3a;display: table;}#about .container {display: table-row;}.container img {margin-top: 100px;width: 25%;height: auto;}#description {letter-spacing: 2px;}.btn-outline-primary {color: #d8e1cf;font-weight: bold;border-radius: 0;border-color: #d8e1cf;letter-spacing: 2px;display: inline-block;text-align: center;margin: 0 auto;}.btn:focus, .btn:active {outline: none !important;-webkit-box-shadow: none;box-shadow: none;}.btn-outline-primary:hover {background-color: #33ffe6;border-color: #33ffe6;color: #3a3a3a;}.btn-outline-primary .fa-angle-down {display: none;}.btn-outline-primary .fa-angle-right {display: inline;}.btn-outline-primary:hover .fa-angle-down {display: inline;}.btn-outline-primary:hover .fa-angle-right {display: none;}.fa-angle-right {padding: 10px;}.fa-angle-down {padding: 10px;}.highlight {color: #33ffe6;}footer {display: block;position: absolute;background-color: #111111;height: 30vh;width: 100vw;}#socialMedia {background-color: #3a3a3a;border-radius: 1;border-color: #3a3a3a;}#socialMedia:hover {background-color: #33ffe6;border-color: #33ffe6;color: #3a3a3a;}.form-group input {width: 30%;margin-right: auto;margin-left: auto;background-color: #3a3a3a;border-radius: 0;}.form-group textarea {width: 30%;margin-right: auto;margin-left: auto;background-color: #3a3a3a;border-radius: 0;}#textArea {color: #d8e1cf;}.form-group textarea:focus {background-color: #3a3a3a;-webkit-box-shadow: none;box-shadow: none;outline: -webkit-focus-ring-color auto 0;border-color: #d8e1cf;}.form-group input[type="text"] {color: #d8e1cf;}.form-group input[type="email"] {color: #d8e1cf;}.form-group input:focus {background-color: #3a3a3a;-webkit-box-shadow: none;box-shadow: none;outline: -webkit-focus-ring-color auto 0;border-color: #d8e1cf;}section {height: 100vh;width: 100%;}section—first {height: 90vh;width: 90vw;}#work {height: 100%;background: #3a3a3a;}#contact {min-height: 90vh;height: 90vh;width: 100vw;background: #313131;}@media screen and (min-width: 480px) and (max-width: 900px) and (orientation: landscape) {.container#button {display: none;}.container#logo img {margin-top: 30px;}.container#description {font-size: 7vh;}#home .container#title h1 {font-size: 8vh;}h1#subtitles {font-size: 10vh;}#photoWrapper {display: none;}.wrapper {display: none;}#about {display: table !important;}#about .container {display: table-row !important;}#about-message {font-size: 7vh !important;}#about-submessage {font-size: 5vh !important;}#interest.flex {display: table !important;}.interest.wrapper {display: table-row !important;}#contact {min-height: 170vh !important;}footer {height: 45vh !important;}p#haveQuestion {font-size: 6vh !important;}.card.interest {height: 60vh !important;width: 90vw !important;font-size: 0;}.container#interestContainer {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.form-group input, textarea {width: 70vw !important;}.form-group input {height: 14vh;}.form-group textarea {height: 40vh;}::-webkit-input-placeholder {font-size: 6vh!important;}:-moz-placeholder {font-size: 6vh!important;}::-moz-placeholder {font-size: 6vh!important;}#submitButton {font-size: 7vh;}.grid.separator {display: none;}.iziModal {height: 100vh !important;max-width: 100vw !important;}}@media screen and (min-width: 0) and (max-width: 767px) and (orientation: portrait) {#menuToggle {display:block;margin-left:-85%;margin-top: -10vh;background: transparent;border: none;font-size: 6.5vh;color: #757575;}#menuToggle:focus {border: 0;outline: none;}#menuClose:focus {outline: none;}#menuClose {display: block;-ms-flex-item-align: left;align-self: left;margin-top: -7vh;background: transparent;border: none;font-size: 6.5vh;color: #757575;}.sidenav {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;left: 0;background-color: #313131;opacity: 0.9;overflow-x: hidden;-webkit-transition: 0.5s;transition: 0.5s;padding-top: 60px;display: block;}.sidenav a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #818181;display: block;-webkit-transition: 0.3s;transition: 0.3s;}#home .container img {width: 45vw;height: auto;}.firstCYL.slick-slide {background: url('../images/apps/CYL.png') center;background-size: 80% 100%;max-width: 100%;max-height: 100%;background-repeat: no-repeat;height: 450px;padding: 40px 0;}.secondCYL.slick-slide {background: url('../images/apps/CYL2.png') center;background-size: 80% 100%;max-width: 100%;max-height: 100%;background-repeat: no-repeat;height: 450px;padding: 40px 0;}.thirdCYL.slick-slide {background: url('../images/apps/CYL3.png') center;background-size: 80% 100%;max-width: 100%;max-height: 100%;background-repeat: no-repeat;height: 450px;padding: 40px 0;}.fourthCYL.slick-slide {background: url('../images/apps/CYL4.png') center;background-size: 80% 100%;max-width: 100%;max-height: 100%;background-repeat: no-repeat;height: 450px;padding: 40px 0;}.iziModal {max-width: 100vw !important;height: 100vh !important;}br.grid.separator {display: none;}br.project.separator {display: none;}h1 {font-size: 3vh;}#flexContainer {margin-top: 10vh;}#description {font-size: 2.7vh;}#photo {width: 90vw !important;height: auto !important;}.card {width: 100vw;}#work {height: 100%;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: start;-ms-flex-pack: start;justify-content: flex-start;}#work .container-fluid {height: 100% }#about {height: 100%;display: block;}.d-flex.justify-content-center {height: 100%;}#contact {height: 100% !important;min-height: 100vh;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100vw;}#contact .container.form {height: 100%;padding-top: 14px;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}form {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}#interest {display: table;width: 100vw;}#interest .interest.wrapper {display: table-row;}#interestContainer {-webkit-box-pack: left;-ms-flex-pack: left;justify-content: left;padding-left: 0 !important;padding-right: 0 !important;}.card.interest {-webkit-transition: -webkit-transform 0s !important;transition: -webkit-transform 0s !important;transition: transform 0s !important;transition: transform 0s, -webkit-transform 0s !important;-webkit-transition-duration: 0s !important;transition-duration: 0s !important;}.card.interest:hover {-webkit-transform: none !important;transform: none !important;}#subtitles {font-size: 5vh;}.form-group input {height: 7vh;width: 90%;margin-right: auto;margin-left: auto;background-color: #3a3a3a;border-radius: 0;}.form-group textarea {width: 90%;height: 22vh;margin-right: auto;margin-left: auto;background-color: #3a3a3a;border-radius: 0;}footer {height: 40vh;}::-webkit-input-placeholder {font-size: 2.7vh!important;}:-moz-placeholder {font-size: 2.7vh!important;}::-moz-placeholder {font-size: 2.7vh!important;}#submitButton {font-size: 3vh;height: 7vh;width: 35%;}#haveQuestion {font-size: 3vh !important;}}@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {.firstCYL.slick-slide {background: url('../images/apps/CYL.png') center;background-size: 56% 100%;max-width: 100%;max-height: 100%;background-repeat: no-repeat;height: 450px;padding: 40px 0;}.secondCYL.slick-slide {background: url('../images/apps/CYL2.png') center;background-size: 56% 100%;max-width: 100%;max-height: 100%;background-repeat: no-repeat;height: 450px;padding: 40px 0;}.thirdCYL.slick-slide {background: url('../images/apps/CYL3.png') center;background-size: 56% 100%;max-width: 100%;max-height: 100%;background-repeat: no-repeat;height: 450px;padding: 40px 0;}.fourthCYL.slick-slide {background: url('../images/apps/CYL4.png') center;background-size: 56% 100%;max-width: 100%;max-height: 100%;background-repeat: no-repeat;height: 450px;padding: 40px 0;}h1 {font-size: 2.7h;}#description {font-size: 2.4vh;}#flexContainer {margin-top: 12vh;}#home .container img {width: 35vw;height: auto;}#about {display: table;}#about .container {display: table-row;}#about-message {font-size: 3.5vh !important;}#about-submessage {font-size: 2.5vh !important;}#about-me {font-size: 2.5vh !important;}#interest {display: table !important;height: 100% !important;}.interest.wrapper {display: table-row !important;}#contact {min-height: 60vh !important;height: 60vh !important;}#haveQuestion {font-size: 2vh !important;}.form-group input {width: 45vw;}.form-group textarea {width: 45vw;}}@media (min-width: 992px) and (max-width: 1199px) and (orientation: landscape) {.firstCYL.slick-slide {background: url('../images/apps/CYL.png') center;background-size: 40% 100%;max-width: 100%;max-height: 100%;background-repeat: no-repeat;height: 450px;padding: 40px 0;}.secondCYL.slick-slide {background: url('../images/apps/CYL2.png') center;background-size: 40% 100%;max-width: 100%;max-height: 100%;background-repeat: no-repeat;height: 450px;padding: 40px 0;}.thirdCYL.slick-slide {background: url('../images/apps/CYL3.png') center;background-size: 40% 100%;max-width: 100%;max-height: 100%;background-repeat: no-repeat;height: 450px;padding: 40px 0;}.fourthCYL.slick-slide {background: url('../images/apps/CYL4.png') center;background-size: 40% 100%;max-width: 100%;max-height: 100%;background-repeat: no-repeat;height: 450px;padding: 40px 0;}#about {display: table;}#about .container {display: table-row;}#about-message {font-size: 4.5vh !important;}#about-submessage {font-size: 3vh !important;}#about-me {font-size: 3vh !important;}#interest {display: table !important;}.interest.wrapper {display: table-row !important;}#haveQuestion {font-size: 4vh !important;}.form-group input {width: 45vw;}.form-group textarea {width: 45vw;}}@media (min-width: 992px) and (max-width: 1199px) and (orientation: portrait) {#flexContainer {margin-top: 140px;}#subtitles {font-size: 3.5vh !important;}#about {display: table;}#about .container {display: table-row;}#photo {width: 70vw !important;height: auto !important;}#about-message {font-size: 3vh !important;}#about-submessage {font-size: 2vh !important;}#about-me {font-size: 2vh !important;}#interest {display: table !important;height: 100% !important;}.interest.wrapper {display: table-row !important;}#contact {min-height: 50vh !important;height: 50vh !important;}#haveQuestion {font-size: 2vh !important;}.form-group input {width: 45vw;}.form-group textarea {width: 45vw;}}@media (min-width:1200px) and (orientation: portrait) {#interest {display: table !important;}#interest .interest.wrapper {display: table-row !important;}#flexContainer {margin-top: 140px;}#subtitles {font-size: 3.5vh !important;}#about {display: table;}#about .container {display: table-row;}#photo {width: 70vw !important;height: auto !important;}#about-message {font-size: 3vh !important;}#about-submessage {font-size: 2vh !important;}#about-me {font-size: 2vh !important;}#interest {display: table !important;height: 100% !important;}.interest.wrapper {display: table-row !important;}#contact {min-height: 50vh !important;height: 50vh !important;}#haveQuestion {font-size: 2vh !important;}.form-group input {width: 45vw;}.form-group textarea {width: 45vw;}}footer .footnote {font-size: 15pt;letter-spacing: 1mm;font-family: 'Raleway', sans-serif;margin-top: 35px;opacity: 0.6;}#socialButtons {padding: 20px;}#subtitles {font-weight: bold;letter-spacing: 1.5px;margin-top: 20px;margin-bottom: 30px;display: none;}#myVideo {position: fixed;left: 0;right: 0;bottom: 0;top: 0;height: 100vh;}.wrapper {width: 100%;height: 100%;}#icon {display: none;}#about-message {display: none;font-family: 'Raleway', sans-serif;font-weight: bold;letter-spacing: 1px;font-size: 22px;margin-top: 10px;}#about-submessage {display: none;color: #757575;font-size: 17px;}#photo {display: none;margin: auto;width: 460px;height: 307.5px;border-radius: 0%;}#about-me {margin-top: 15px;font-size: 17px;color: #757575;}#particles-js {position: absolute;width: 100%;height: 100%;background-color: #3a3a3a;background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;z-index: 0;top: 0;right: 0;bottom: 0;left: 0;}#flexContainer {position: relative;z-index: 90;}footer .material-icons {position: absolute;top: -25px;background: #33ffe6;color: #3a3a3a;font-size: 30pt;width: 47px;height: 50px;line-height: 40pt;left: 0;right: 0;margin: 0 auto;cursor: pointer;}.header-bar.project {background: #d8e1cf;width: 120px;height: 4px;margin: 0 auto;margin-bottom: 20px;display: none;}.header-bar.interest {background: #3a3a3a;width: 120px;height: 4px;margin: 0 auto;margin-bottom: 20px;display: none;}.header-bar.about {display: none;background: #313131;width: 120px;height: 4px;margin: 0 auto;}.header-bar.contact {background: #d8e1cf;width: 120px;height: 4px;margin: 0 auto;margin-bottom: 20px;display: none;}.card {max-width: 100%;height: 300px;border-color: #3a3a3a;border-radius: 0;}.card#metroform {background: url("../images/apps/Metroform2.png") center center/cover;cursor: pointer;}.card#todobonsai {background: url("../images/apps/TodoBonsaiLaravel.png") center center/cover;cursor: pointer;}.card#cyl {background: url("../images/apps/apps.png") center center/cover;cursor: pointer;}.button {right: 0;bottom: 0;left: 0;position: absolute;border: 2px solid #33ffe6;width: 170px;margin: 0 auto;margin-bottom: 35px;font-size: 13pt;padding: 7px 0;display: none;-webkit-transition: background 0.7s;transition: background 0.7s;}.button:hover {cursor: pointer;background: #33ffe6;color: #3a3a3a;}.bold {font-family: 'Raleway', sans-serif;font-weight: bold;font-size: 27px;}.highlight#project {font-family: 'Raleway', sans-serif;font-size: 20px;}.animated {-webkit-animation-duration: 0.5s;animation-duration: 0.5s;}.animated.fadeIn {-webkit-animation-duration: 0.6s;animation-duration: 0.6s;}.animated.bounceInRight {-webkit-animation-duration: 1s;animation-duration: 1s;}.animated.bounceIn {-webkit-animation-duration: 1s;animation-duration: 1s;}.animated.fadeInLeft {-webkit-animation-duration: 1s;animation-duration: 1s;}.animated.fadeInUp {-webkit-animation-duration: 1s;animation-duration: 1s;}.animated.fadeInUp#cardWrapper:nth-child(2) {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}.animated.fadeInUp#cardWrapper:nth-child(3) {-webkit-animation-delay: 0.7s;animation-delay: 0.7s;}.animated.fadeInRight {-webkit-animation-duration: 1s;animation-duration: 1s;}.animated.flipInY {-webkit-animation-duration: 1s;animation-duration: 1s;}.text {display: none;text-align: center;margin-top: 100px;top: 0;left: 0;right: 0;position: absolute;}#cardWrapper {display: none;}.card-title {font-family: 'Raleway', sans-serif;font-weight: bold;color: #3a3a3a;font-size: 30px;letter-spacing: 2px;}.card-text {font-family: 'Raleway', sans-serif;color: #3a3a3a;font-size: 22px;}.item img {display: block;max-width: 100%;height: 300px;}.description.wrapper {height: 100vh;}.project.box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}#clickProject1 {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}#interest {color: #3a3a3a;display: table;background: white;}.interest.wrapper {background: white;display: table-row;}.flex {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: center;-ms-flex-align: center;align-items: center;}.grid {position: relative;}.item {display: block;position: absolute;width: 100px;height: 100px;margin: 5px;z-index: 1;background: #000;color: #fff;}#interestContainer div div .card {position: relative;height: 270px;max-width: 100%;border-color: white;}.card.interest {-webkit-transition: -webkit-transform .2 ease;transition: -webkit-transform .2 ease;transition: transform .2 ease;transition: transform .2 ease, -webkit-transform .2 ease;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-family: 'Montserrat', sans-serif;font-size: 25px;font-weight: bold;letter-spacing: 2px;color: white;}#interest-description {font-weight: normal;font-size: 17px;font-family: 'Montserrat', sans-serif;}.card.interest:hover {-webkit-transform: scale(1.15);transform: scale(1.15);font-size: 27px;}#technology {background: url('../images/workspace.jpg') center center/cover;}#nature {background: url('../images/nature.jpg') center center/cover;}#travel {background: url('../images/travel.jpg') center center/cover;}#football {background: url('../images/soccer.jpg') center center/cover;}#gaming {background: url('../images/gaming2.jpg') center center/cover;}#cooking {background: url('../images/cooking.jpg') center center/cover;}.btn.btn-outline-primary.btn-lg:active:focus {background: #33ffe6;color: #3a3a3a !important;}.overflow-wrap {overflow-x: hidden;}