#app{font-family:Lato,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.bg-image{background-image:url(../img/hero-bg.d991626e.jpg)}.smoothscroll{scroll-behavior:smooth;margin-left:70px}.animateText{margin-left:10px;transition:margin-left 1s ease-in-out!important}a{position:relative}a[data-title]:hover:after{content:attr(data-title);position:absolute;top:-20%;right:35px;color:#039603;font-size:1rem}.sidebar{height:100%;width:0;position:fixed;z-index:1;top:0;right:0;background-color:#111;overflow-x:hidden;transition:.5s;padding-top:8px}.openbtn:hover{background-color:#444}@media screen and (max-height:450px){.sidebar{padding-top:15px}.sidebar a{font-size:18px}}