@import url(//fonts.googleapis.com/css?family=Quicksand:400,500,700);@import url("https://fonts.googleapis.com/css?family=Indie+Flower&display=swap");@import url(//fonts.googleapis.com/css?family=Vibur);a{text-decoration:none}.banner{background-image:url("../images/brickwall-c2a3ed36.jpg");height:100vh;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.about-text{-webkit-box-shadow:0 0 10px rgba(48,73,102,0.7);box-shadow:0 0 10px rgba(48,73,102,0.7);background-color:rgba(0,0,0,0.5);line-height:30px;font-size:20px;padding:40px 20px}.me-photo img{width:300px;border:4px solid white;-webkit-box-shadow:0 0 10px rgba(48,73,102,0.7);box-shadow:0 0 10px rgba(48,73,102,0.7)}.me-photo .arrow img{border:0px solid white;top:-35px;right:5px;width:25px;-webkit-transform:rotate(70deg);transform:rotate(70deg)}.me-photo .me p{font-family:'Indie Flower', cursive;top:-30px;right:-25px;font-size:20px;-webkit-transform:rotate(10deg);transform:rotate(10deg)}.photo-section{background-image:url("../images/horse-bc697ff5.jpg");-webkit-filter:grayscale(100%);filter:grayscale(100%);height:50vh;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:50% 50%}.slider{margin:0 auto;width:50%}.mid-section{border-bottom:5px solid #ffd700;padding-top:40px;background-image:url("../images/middle-26a5a98e.jpg");height:750px;width:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.mid-section .website-card{margin:0 20px;margin-top:20px;border-radius:2px;-webkit-transition:0.2s ease;transition:0.2s ease;-webkit-box-shadow:0 0 12px #304966;box-shadow:0 0 12px #304966;cursor:pointer;z-index:100;height:225px;background-color:white;padding:20px}.mid-section .website-card .website-header{-webkit-box-shadow:0 0 4px #e6e6e6;box-shadow:0 0 4px #e6e6e6;-webkit-transition:0.3s ease;transition:0.3s ease;width:100%;height:150px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.mid-section .website-card .website-footer{font-family:'Roboto Mono', monospace;padding:10px 0px;text-align:center}.mid-section .website-card .website-footer .text{width:80%;margin:0 auto;background-color:#0a0a0a;color:white;padding:5px 0px;border-radius:1px;-webkit-box-shadow:0 0 2px rgba(48,73,102,0.8);box-shadow:0 0 2px rgba(48,73,102,0.8)}.mid-section .header{-webkit-box-shadow:0 0 10px #304966;box-shadow:0 0 10px #304966;margin:0 auto;background-color:white;color:#323232;font-size:20px;width:250px;padding:10px 0;text-align:center;margin-bottom:15px}.website-card:hover{-webkit-transform:translate(0px, -2px);transform:translate(0px, -2px);text-decoration:none;border-bottom:3px solid #ffd700;border-bottom-left-radius:0px;border-bottom-right-radius:0px}.mystack-header{-webkit-box-shadow:0 0 5px rgba(48,73,102,0.6);box-shadow:0 0 5px rgba(48,73,102,0.6);background-color:white;color:#323232;font-size:20px;width:150px;padding:10px 0;text-align:center;margin:0 auto;margin-top:60px;margin-bottom:10px}.wallpaper{background-image:url("../images/yellow-67c93b07.jpg");opacity:0.5;height:10vh;width:100%;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:50% 50%}.mystack{width:700px;margin:0 auto;margin-top:30px;text-align:center}.mystack .stack{min-width:100px;cursor:pointer;margin:5px 5px;border-radius:25px;-webkit-box-shadow:0 0 5px rgba(48,73,102,0.4);box-shadow:0 0 5px rgba(48,73,102,0.4);padding:10px 20px;background-color:white;color:#2b5270;border:1px solid #304966;-webkit-transition:0.1s ease;transition:0.1s ease}.mystack .stack:hover{-webkit-transform:translate(0px, -2px);transform:translate(0px, -2px)}.bottom-section{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.7)), to(rgba(0,0,0,0.7))),url("../images/world-f0b6108c.png");background-image:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),url("../images/world-f0b6108c.png");height:325px;width:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;display:flex;justify-content:center;align-items:center;flex-direction:column}.bottom-section img{-webkit-animation:bounce 1.5s infinite;animation:bounce 1.5s infinite;width:40px;margin-right:-10px;margin-bottom:15px}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}60%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}60%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}.contact-me{margin-top:10px;width:400px;height:200px;border-radius:1px;background-color:white;position:relative;text-align:center}.contact-me .field{font-size:16px;display:flex;justify-content:center;align-items:center;height:40px;border-bottom:1px solid rgba(48,73,102,0.2)}.contact-me .field.linkedin a{-webkit-transition:0.1s ease;transition:0.1s ease;text-decoration:none;color:#1178B3}.contact-me .field.linkedin a:hover{color:#128cce}.contact-me:before{content:"";position:absolute;width:0;height:0;top:-15px;margin-left:auto;margin-right:auto;left:0;right:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid white}.logo{text-align:center;width:65%;height:400px;margin:auto;top:0;left:0;right:0;bottom:0}.logo b{font:100 8vh "Vibur";color:white;text-shadow:0 -20px 100px, 0 0 2px, 0 0 1em #ddb10b, 0 0 0.5em #ddb10b, 0 0 0.1em #ddb10b, 0 10px 3px #000}.logo b span{-webkit-animation:blink linear infinite 1.5s;animation:blink linear infinite 1.5s}@-webkit-keyframes blink{78%{color:inherit;text-shadow:inherit}79%{color:#333}80%{text-shadow:none}81%{color:inherit;text-shadow:inherit}82%{color:#333;text-shadow:none}83%{color:inherit;text-shadow:inherit}92%{color:#333;text-shadow:none}92.5%{color:inherit;text-shadow:inherit}}@keyframes blink{78%{color:inherit;text-shadow:inherit}79%{color:#333}80%{text-shadow:none}81%{color:inherit;text-shadow:inherit}82%{color:#333;text-shadow:none}83%{color:inherit;text-shadow:inherit}92%{color:#333;text-shadow:none}92.5%{color:inherit;text-shadow:inherit}}.to-top{width:50px;-webkit-transition:0.2s ease;transition:0.2s ease;cursor:pointer;text-align:right;position:fixed;bottom:10px;right:20px;color:white;font-size:30px;text-shadow:0 0 2px black}.navbar-wagon{border-top:3px solid transparent;background:transparent;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;height:70px;z-index:1000}.navbar-wagon-white{border-top:3px solid #304966;-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,0.07),0 1px 0 0 rgba(0,0,0,0.03);box-shadow:0 1px 5px 0 rgba(0,0,0,0.07),0 1px 0 0 rgba(0,0,0,0.03);background-color:white}.navbar-wagon-white .navbar-wagon-item{color:#304966}.navbar-wagon-item{-webkit-transition:0.1s ease;transition:0.1s ease;opacity:0.8;cursor:pointer;font-size:14px}.navbar-wagon-item:hover{opacity:1}@media screen and (max-width: 600px){.about-text{font-size:12px;padding:10px 10px;margin-bottom:80px}}@media screen and (max-width: 321px){.me-photo img{width:220px}}@media screen and (max-width: 321px){.logo{padding-top:50px}}@media screen and (max-width: 321px){.about-text{font-size:10px;padding:5px 5px;margin-top:20px;margin-bottom:80px}}@media screen and (max-width: 376px){.about-text{margin-top:-20px}}@media screen and (max-width: 600px){.logo b{font:100 4vh "Vibur"}}@media screen and (max-width: 376px){.logo b{font:100 3.5vh "Vibur"}}@media screen and (max-width: 600px){.logo{height:160px}}@media screen and (max-width: 600px){.photo-section{height:40vh;background-position:20% 100%}}@media screen and (max-width: 600px){.slider{margin:0 auto;width:100%}}@media screen and (max-width: 600px){.slider{margin:0 auto;width:100%}}@media screen and (max-width: 600px){.mystack{width:350px}.mystack .stack{font-size:12px;min-width:75px;margin:5px 5px;padding:5px 10px}}@media screen and (max-width: 321px){.mystack{width:300px}.mystack .stack{min-width:50px}}@media screen and (max-width: 600px){.wallpaper{height:5vh}}@media screen and (max-width: 600px){.contact-me{width:300px}.contact-me .field{font-size:14px}}body{margin:0;padding:0;font-family:'Quicksand', sans-serif}