body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.form{display:none}*{padding:0;margin:0;box-sizing:border-box;font-family:"librebaskerville-bold",sans-serif}li{list-style-type:none}a{text-decoration:none;color:#fff;cursor:pointer}:root{--primary-color:#ff5f6d}.navbar{position:fixed;top:0;right:0;left:0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;height:15vh;-webkit-align-items:center;align-items:center;background-color:#ff5f6d;background-color:var(--primary-color);color:#fff}.navbar .logo{width:100px;margin-left:40px}.navbar .logo img{width:100%}.navbar .nav-links{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:32%;margin-right:20px}.navbar .nav-links a{cursor:pointer;font-size:22px;color:#fff;padding:5px}.navbar .nav-links a:hover{border-bottom:2px solid #fff}.toggle-bars{font-size:30px;display:none;margin-right:30px}.home-page{width:100%;height:100vh;padding-top:15vh;background:url(https://udacity-email.s3-us-west-2.amazonaws.com/FEND/Front+end+nd+email+hero.jpg);background-repeat:no-repeat;background-size:cover;color:#fff}.personal-info{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column;flex-direction:column;width:40%;height:65%;margin:22vh 73vh;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;padding:10px}.personal-info h1,.personal-info h3{font-family:"librebaskerville-bold",serif;font-size:40px;line-height:1.1}.wrapper{display:-webkit-flex;display:flex}.styles_typicalWrapper__1_Uvh{color:#b61a27;font-family:"librebaskerville-bold",serif;font-size:40px;line-height:1.1}.wrapper .dynamic-txt{width:0;overflow:hidden;white-space:nowrap;margin-left:8px;color:#b61a27;-webkit-animation:typing 10s steps(22) infinite alternate;animation:typing 10s steps(22) infinite alternate;border-right:2px solid #fff}@-webkit-keyframes typing{0%{width:0}50%{width:19ch}}@keyframes typing{0%{width:0}50%{width:19ch}}.buttons{margin-top:12px}.buttons li{display:inline-block;padding:10px 12px;min-width:150px;border:2px solid #fff;margin-right:18px;margin-bottom:5px;border-radius:.12em;text-decoration:none;text-transform:uppercase;font-family:"Roboto",sans-serif;font-weight:500;letter-spacing:.05em;text-align:center;transition:all .2s;cursor:pointer}.buttons li:hover{transition:all .4s ease-in;background-color:#b61a27}.buttons li a{color:#fff}.scroll-down{text-align:center;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.3em;margin-left:75px}.scroll-down .arrow{cursor:pointer;margin-bottom:-10px;margin-left:5px;color:#d13643;font-size:26px}.about-page{padding-top:15vh;min-height:100vh;width:90%;margin:0 auto}.section-titles{font-weight:400;font-family:"librebaskerville-regular",serif;font-size:1.6rem;line-height:1.2;color:#5f5f5f;margin:0 auto;min-width:15vh;text-align:center;padding:0 0 1.1rem}.section-titles h3{padding-top:2px;text-transform:uppercase;color:#ff5f6d;font-size:1.1em;letter-spacing:.1em;padding-bottom:4px}.section-titles h3,.section-titles p{font-family:"montserrat-semibold",sans-serif}.section-titles p{font-size:.7em;letter-spacing:.05em}.about-info{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}.about-info .about-col1{width:32%;margin-top:20px;width:310px;height:470px}.about-col1 img{margin:13px;width:90%;height:90%;border-radius:50%;border:5px solid #ff5f6d;border:5px solid var(--primary-color)}.about-info .about-col2{width:60%;margin:0 auto}.about-me,.about-skills{padding:10px;line-height:1.5}.about-me h3,.about-skills h3{font-family:"montserrat-medium",sans-serif;text-align:center;color:#ff5f6d;color:var(--primary-color);font-size:1.6em}.about-me p{font-size:1.1em;color:#615e5e;margin-bottom:5px}.about-skills .skill-icons{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.about-skills .skill-icons img{width:65px;height:65px;margin:15px 30px}.projects-page{padding-top:15vh;min-height:100vh;width:90%;margin:0 auto}.projects-container{margin:2px auto;padding-bottom:30px}.projects-container .project{padding:1px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:20px auto;width:90vw;border:1px solid #ff5f6d;border:1px solid var(--primary-color);border-radius:5px}.project:hover{box-shadow:2px 2px 2px 2px #ff5f6d;box-shadow:2px 2px 2px 2px var(--primary-color)}.project .info{width:38%;height:100%;margin:auto;text-align:center;padding:40px 5px 10px 20px}.projects-container .project .image{width:62%;height:100%}.projects-container .project .image img{width:100%;height:100%;border-radius:10px}.info h2,p{margin-bottom:10px;font-size:1.1em;color:#615e5e}.info h2{color:#ff5f6d;color:var(--primary-color);text-transform:uppercase;padding-bottom:5px;letter-spacing:.05em;font-size:23px}.link_buttons button{margin:10px}button{background-color:#ff5f6d;background-color:var(--primary-color);border-radius:8px;border-width:0;font-weight:295;color:#fff;padding:5px;font-size:17px;cursor:pointer}.contact-page{padding-top:15vh;min-height:95vh;width:90%;margin:0 auto}.contact-container{display:-webkit-flex;display:flex;width:80%;margin:0 auto;-webkit-justify-content:space-around;justify-content:space-around}.contact-container .contact-form,.contact-info{padding:10px 5px}.contact-form input,textarea{margin:5px auto 15px;width:350px;padding:5px;display:block;font-size:16px;border:0;border-bottom:2px solid #000;outline:none}.contact-form label{font-weight:600;color:#ff5f6d;color:var(--primary-color)}.contact-form .submit-button{padding-top:20px;text-align:center}.contact-info p{padding:5px 0}.contact-info h4{margin-top:40px;color:#ff5f6d;color:var(--primary-color)}.error-message,.success-message{padding:8px;font-weight:700;color:green;text-shadow:0 4px 4px rgba(0,0,0,.3)}.error-message{color:#c92b2b}.contact_icon{width:18px;height:18px;margin-right:10px;margin-bottom:-2px}footer{padding:20px;background-color:#ff5f6d;background-color:var(--primary-color);color:#fff}footer .row-1{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}.row-1 img{width:70px;height:60px}.row-1 .icons{width:100px;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.row-1 .icons li a{background-color:#000;border-radius:5px;font-size:20px;text-align:center;padding:9px 6px 5px}.icon{margin-top:10px}.row-1 p{padding-top:10px;font-size:12px;color:#161515}@media (max-width:768px){.toggle-bars{display:block}.navbar{width:100vw}.navbar .nav-links{position:absolute;display:block;top:0;left:0;height:100vh;background-color:#ff5f6d;background-color:var(--primary-color);padding:40px;width:50%;-webkit-transform:translate(-500px);transform:translate(-500px);transition:all .5s ease-in-out;z-index:1;overflow:hidden}.navbar .nav-links li{padding:20px;border-bottom:1px solid #fff}.navbar .nav-links a,.navbar .nav-links li:last-of-type{border:0}.showbars{-webkit-transform:translateX(0);transform:translateX(0)}.personal-info{font-size:15px;width:80%;height:75%;margin:15vh auto}.personal-info h1,.personal-info h3{font-size:30px}.wrapper{display:block}.styles_typicalWrapper__1_Uvh{font-size:30px;line-height:1.1}.wrapper .dynamic-txt{margin-left:0}.about-info{-webkit-flex-direction:column;flex-direction:column}.about-info .about-col1{width:50%}.about-info .about-col2{width:100%}.about-info .about-col1{margin:5px auto;width:220px;height:320px}.about-col1 img{margin:5px auto;width:100%;height:100%;border-radius:50%;border:5px solid #ff5f6d;border:5px solid var(--primary-color)}.about-skills .skill-icons img{width:55px;height:55px;margin:10px}.project{-webkit-flex-direction:column;flex-direction:column;width:95%;margin:5px auto}.project .info{padding-top:10px}.project .info,.projects-container .project .image{width:100%;padding:1px}.project .image img{width:100%;height:100%}.contact-container{-webkit-flex-direction:column;flex-direction:column;padding:10px;width:90vw}.contact-info h4{margin-top:10px}.contact-container input,textarea{margin:5px auto 10px;width:300px}.row-1 .icons{width:70px}.about-page,.contact-page,.projects-page{padding-top:4vh}}
/*# sourceMappingURL=main.6825012a.chunk.css.map */