@import url(https://fonts.googleapis.com/css?family=Cherry+Swash&display=swap);@font-face{font-family:Century Gothic;src:url("/Century\ Gothic\ 400.ttf")}body,html{background:-webkit-gradient(linear,left bottom,left top,from(#23114f),to(#191997));background:-webkit-linear-gradient(bottom,#23114f,#191997);background:linear-gradient(0deg,#23114f,#191997);padding:0;margin:0;height:100vh;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}.info-container{background-color:#fff;width:70vw;margin:17rem auto 2rem;padding:2rem 5rem;border-radius:.5rem}h1{margin:.75em 3vw 1.5em;text-align:center;font-family:Cherry Swash,serif;color:#191997;line-height:.25rem;border-left:17vw solid #e36f8c;border-right:17vw solid #e36f8c}h2{font-family:Cherry Swash,serif;color:#e36f8c}h2,h3{margin-top:0;margin-bottom:.5rem}h3{font-family:Century Gothic,serif;color:#191997}p{font-family:Ebrima,sans-serif;margin:0 0 1rem}#download{background-color:#191997;color:#fff;display:block;width:12em;-webkit-box-shadow:1px 5px 5px rgba(0,0,0,.1);box-shadow:1px 5px 5px rgba(0,0,0,.1);border:none;border-radius:.5rem;font-family:Cherry Swash,sans-serif;font-size:1.5rem;text-align:center;padding:10px 20px;margin:40px auto 0;cursor:pointer}#download,#download:hover{-webkit-transition:.2s ease;transition:.2s ease}#download:hover{background-color:#23114f;letter-spacing:.1rem}#download:focus{border:none}.category-container{margin-bottom:2rem}.items-container{display:flex}.items-1-container{width:50%;margin-right:2em}.items-2-container{width:50%}.level{color:#b2b2dd;float:right}.level .filled{color:#23114f}#contact-line{margin-bottom:1.5rem}.contact{display:flex;align-items:center;margin-bottom:1rem;word-break:break-all}.contact,.contact:hover{-webkit-transition:.2s ease;transition:.2s ease}.contact:hover{color:#23114f;letter-spacing:.1rem}.icon{width:2rem;height:2rem;margin-right:1rem}@media (max-width:1165px){.items-container{display:block}.items-1-container,.items-2-container{width:100%}}@media (max-width:900px){h1{margin:.75em 1vw 1.5em;border-left:14vw solid #e36f8c;border-right:14vw solid #e36f8c}}@media (max-width:640px){.info-container{padding:1rem 3rem}.category-container h3{font-size:1em}}@media (max-width:500px){h1{margin:.75em .5vw 1.5em;border-left:6vw solid #e36f8c;border-right:6vw solid #e36f8c}#education,#experience{font-size:1.2rem}.category-container h3{font-size:.75em}}#navbar{height:10em;width:100vw;border-bottom:1rem solid #fff;background:url(/kaleidoscope.png);position:absolute;top:0;filter:drop-shadow(0 0 .35rem #19199779)}#navbar-container{list-style-type:none;height:8em;margin:0 0 0 6em;padding:0}#navbar-container .nav-item{display:inline-block;background-color:#fff;width:11vw;margin:7em 4vw 0;padding:.5rem .2rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;font-family:Cherry Swash,serif;color:#191997;text-align:center;font-weight:600;vertical-align:top;-webkit-transition:.2s ease;transition:.2s ease}#navbar-container .nav-item:hover{color:#23114f;letter-spacing:.1rem}#juli,#navbar-container .nav-item:hover{-webkit-transition:.2s ease;transition:.2s ease}#juli{display:inline-block;background-image:url(/juli.JPG);background-repeat:no-repeat;background-size:100%;background-position:0 -10px;width:10rem;height:10rem;margin-top:4.5rem;border-radius:100%;border:1rem solid #fff}#juli:hover{border:1rem solid #b2b2dd;-webkit-transition:.2s ease;transition:.2s ease}@media (max-width:1100px){#navbar-container .nav-item{margin:7em 2vw 0}}@media (max-width:850px){#navbar-container .nav-item{font-size:.75rem;margin:10em 2vw 0}#juli{width:7rem;height:7rem;margin-top:5.5rem}}@media (max-width:640px){#navbar-container{margin:0 0 0 3em}#navbar-container .nav-item{font-size:.5rem;margin:15em 2vw 0}#navbar-container .nav-item:hover{color:#23114f;letter-spacing:.05rem;-webkit-transition:.2s ease;transition:.2s ease}}@media (max-width:500px){#navbar-container{margin:0 0 0 1.5em}#navbar-container .nav-item{font-size:.4rem;margin:19em 2vw 0}}