#root,body,html{height:100%;width:100%}body{box-sizing:border-box;font-family:Open Sans,sans-serif;min-width:400px}.app,body{margin:0;padding:0}nav{background:#000;display:flex;font-size:2.25vmin;justify-content:space-around;text-transform:uppercase}nav .navlink{color:#fff;padding:1rem;text-decoration:none}nav .navlink:hover{animation:shine 1s infinite;-webkit-mask-image:linear-gradient(-75deg,#0009 30%,#000 50%,#0009 70%);-webkit-mask-size:200%}.home{align-items:center;background:url(/portfolios/static/media/background.2097b490883273b8388a.jpg);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;text-align:center}.home h1{font-size:5vmax;margin:0}.home h1,.home h2{text-transform:uppercase}.home h2{font-size:2vmax}.title,.title a{color:#fff}.title a{transition:all .2s ease-in-out}.title a:hover{color:#ffd017}.about{background:url(/portfolios/static/media/sweet.3ccac936d6f645945c9b.jpg);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%}.about .intro{background:#ffffff80;box-shadow:-5px 5px 25px #000;box-sizing:border-box;color:#6441f4;font-size:1.25vw;height:100%;padding:7vmin;text-align:justify;text-indent:1.5em;width:40%}.project{height:100%}.carousel{height:90%;justify-content:space-evenly}.carousel,.slide{align-items:center;display:flex}.slide{flex-direction:column;justify-content:center;text-align:center}.arrow{border-radius:0 3px 3px 0;color:#000;cursor:pointer;font-size:4vmin;padding:5vmin;transition:.6s ease;width:auto}.arrow:hover{background:#000;color:#fff}img[alt=img]{height:50vmin;width:auto}.intro{font-size:1.5rem}.intro>a{transition:all .2s ease-in-out}.intro>a:hover{color:#ff8000}.resume{height:100%}.resume-header{align-items:center;background:url(/portfolios/static/media/skills-background.30e56e4c8761b46107d9.jpg) no-repeat 50%;background-size:cover;color:#fff;display:flex;flex-direction:column;font-size:4vmin;height:30%;justify-content:center}.resume-header h2,h5{margin:0}.resume-header h2{text-transform:uppercase}.resume-container{background:#f2f2f2;height:70%}.card-container{align-items:flex-start;background:#f2f2f2;text-align:center}.card,.card-container{display:flex;justify-content:space-evenly}.card{align-items:center;background:#fff;box-shadow:0 4px 8px 0 #0003;flex-direction:column;height:50vh;margin-top:4vh;transition:.3s;width:46vw}.card h1{font-size:3.5vmin;margin:0}.card .intro{font-size:2.25vmin;margin:0;padding-left:6vmin;padding-right:6vmin;text-align:justify}.card:hover{box-shadow:0 8px 16px 0 #0003}.icon-wrapper{align-items:center;display:flex;justify-content:space-evenly}.resume-icon{color:#0080ff;display:inline-block;font-size:4vmin;margin:0;padding:0 2vmin}.resume-icon p{font-size:1.75vmin;margin:0}@media (max-width:768px){.card-container{flex-direction:column}.card{height:28vh;margin:2.5vh auto auto;width:90vw}}.contact{align-items:center;background:url(/portfolios/static/media/contact-background.1b4e9ae82569c282ef49.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;height:100%;justify-content:center}.contact h1{color:#fff;font-size:7vmin;margin:0;padding:0 0 1rem;text-transform:uppercase}.contact label{font-weight:700}.form-container{background-color:#f2f2f2cc;border-radius:5px;box-shadow:0 8px 16px 0 #0003;padding:20px;width:50%}input[type=text],textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;margin:1vh 0;padding:12px 20px;width:100%}textarea{resize:vertical}input[type=submit]{background-color:#4caf50;border-radius:4px;color:#fff;cursor:pointer;font-size:1.75vmin;margin:1vh 0;padding:2vh 2vw;width:100%}input[type=submit]:hover{background-color:#45a049}.main{height:100vh}.footer{align-items:center;background:#000;display:flex;font-size:2vmin;justify-content:center;padding:1.25rem}.footer .copyright{color:#fff;margin-right:1rem}.footer .social{align-items:center;display:flex}.footer .social .icon{color:#fff;margin-right:1rem;transform:scale(1);transition:all .2s ease-in-out}.footer .social .icon:hover{transform:scale(1.3)}
/*# sourceMappingURL=main.a5d51c76.css.map*/