@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}70%{transform:translateY(-15px)}90%{transform:translateY(-4px)}}body{width:100%;height:100%;position:absolute;background-size:cover;animation:infinite 60s linear infinite;background-attachment:fixed;margin:0 auto;animation-direction:alternate}@keyframes infinite{0%{background-position:50% 0}to{background-position:50% -1000px}}a{text-decoration:none}nav{display:flex;justify-content:space-evenly;background-color:#282c34;margin:0 auto;border-radius:3px;padding:25px 0;width:100%;position:fixed;top:0}nav a{padding:15px 25px;text-decoration-line:none;border:1px solid white;color:#fff}.hoverstyle:hover{background-color:#138cad}@media only screen and (min-width: 768px){nav{flex-direction:row}}.card{width:65%;height:350px;background:#282c34;border-radius:3px;margin:170px auto;color:#f5f5f5;padding:5%;text-align:center;background:rgba(40,44,52,.9);-webkit-box-shadow:0 0 20px #282c34;-moz-box-shadow:0 0 20px #282c34;box-shadow:0 0 20px #282c34}.title{font-size:85px;font-weight:lighter;margin:0 auto;padding:0}hr{width:50%}.contact-hr{margin-left:auto;margin-top:15px}.card-body{font-size:35px;text-align:center;font-weight:lighter;margin:0 auto;width:50%;padding:0}.welcome-arrow{color:#fff;padding:20px 0;animation:bounce 3s linear infinite}footer{padding:0;background-color:#138cad;height:50px}h4{text-align:center;font-size:13px;font-weight:lighter}h3{text-align:left;font-weight:lighter;padding:0;margin:22px 0}div .links{display:flex;border:1px solid black;border-radius:3px;width:70%;height:500px;margin:10% auto;color:#f5f5f5;background:#282c34;opacity:.9;position:relative;padding:10px;-webkit-box-shadow:0 0 20px #282c34;-moz-box-shadow:0 0 20px #282c34;box-shadow:0 0 20px #282c34}.contact-photo{height:160px;width:160px;padding:0;display:inline;border-radius:100%;border:1px solid #282c34}#a{border:1px solid white;color:#fff;padding:15px 25px;text-decoration-line:none;display:block;margin-top:5px;font-weight:400;font-size:20px;margin-left:2%}.links-container{display:flex;margin:5px auto;justify-content:center}.link-item{-webkit-box-shadow:0 0 20px #282c34;-moz-box-shadow:0 0 20px #282c34;box-shadow:0 0 20px #282c34;margin:10px 15px}.link-item:hover{animation:bounce 1s linear}.break{background-color:#282c34;height:24em;width:100%;opacity:1;box-sizing:border-box;margin:150px 0}.stack-icons{height:75px;width:75px;padding:0 5px}.hr-one,.hr-two{width:500px;margin-left:5px}.app-display{height:300px;width:300px;padding:30px}.app-title{font-size:45px;font-weight:700;color:#fff;padding:30px}.flex-grid{display:flex;background-color:#fff;justify-content:center;align-content:center;font-size:20px;height:fit-content;padding:7% 0}.col-two,.col-one{flex:1;padding:5px 40px;width:60%}.row{flex:1}.description-styles{font-size:38px;font-weight:lighter}#ghicon{background-color:#282c34;color:#f5f5f5;font-size:23px;width:160px;font-weight:700;text-align:center;text-decoration:none;border-radius:3px;padding:22px 27%;margin-top:15px;display:block}#ghicon:hover{background-color:#138cad}@media only screen and (max-width: 1024px){.title{font-size:50px}.card-body{font-size:40px;width:90%;margin:0 auto}.flex-grid{width:99.5%;margin:0 auto}.description-styles,h3{font-size:33px}.jsfiddle{width:95%}}@media only screen and (max-width: 768px){.title{font-size:45px;text-align:center}.card{height:100%;text-align:center;width:50%;display:flex;justify-content:center;align-items:center}.card-body{font-size:35px;text-align:center;margin:0 auto}.jsfiddle,.col-one{display:none}.col-two{margin:0 auto;padding:0}.hr-one{width:90%}.hr-two{display:none}.stack-icons{height:50px;width:50px}.description-styles{width:85%}.row{margin:15px 25px;width:95%}#ghicon{margin:5% auto}.contact-photo{height:100px;width:100px}#contact{font-size:25px;height:100%;box-sizing:content-box;display:flex}.link-item{margin:10px 5px}.break{display:none}}@media only screen and (max-width: 480px){nav{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;margin:0 auto}.nav-item{width:80%;text-align:center;border-radius:3px;margin:.5px auto;font-size:15px;padding:15px 10px}}@media only screen and (max-width: 380px){nav{background:transparent;display:flex;align-items:center}.nav-item{display:block;background-color:#282c34;width:95%;font-size:15px}.title{font-size:28px}.card-body{font-size:25px}.flex-grid{width:100%;margin:0 3%}.row{width:90%;margin:0 auto}h3{font-size:25px}#ghicon{font-size:23px;height:50%;width:90%;padding:10px}.description-styles{font-size:22px}.contact-card-body{font-size:20px}.links-container{display:flex;flex-direction:column}}