diff --git a/final-proj/main.css b/final-proj/main.css index 9ee11b2..253ea2b 100644 --- a/final-proj/main.css +++ b/final-proj/main.css @@ -1,2 +1,2 @@ -nav{background-color:#e3e3e3}nav ul li{list-style-type:none;padding-top:43px}@media screen and (max-width: 768px){nav ul li{padding-top:10px;padding-bottom:10px;margin-left:-10px}}nav ul li a{text-decoration:none;color:black;font-family:'Arimo', sans-serif;font-size:16px}nav ul li a:hover,nav ul li a:active{color:#9d2438;text-decoration:none}#logo-box{background-color:#5ec8c2}#logo-box img{width:100px}nav a:hover,nav a:active{letter-spacing:1px}nav a:after{backface-visibility:hidden;border:1px solid rgba(212,51,165,0);bottom:0px;content:" ";margin:0 auto;position:relative;transition:all 280ms ease-in-out;width:0}nav a:hover:after,nav a:hover:before{backface-visibility:hidden;border-color:#9d2438;transition:width 350ms ease-in-out;width:40%}nav a:after,nav a:before{display:block}footer{background-color:#622c35;height:275px;padding-top:40px}footer h3{font-size:18px}footer p{font-size:14px;line-height:30px;color:#a2858a}#contact-img-box img{width:60px;padding-top:50px}@media screen and (min-width: 993px){#middle{border-right:1px solid #774a52}}#portfolio-content{padding:50px 0px 100px 0px}.porfolio-element-1,.porfolio-element-2,.porfolio-element-3{margin-top:50px}.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{border-radius:40px;display:block;width:350px}@media screen and (min-width: 992px) and (max-width: 1225px){.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{width:300px}}@media screen and (min-width: 769px) and (max-width: 992px){.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{width:60vw}}@media screen and (max-width: 768px){.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{width:90vw}}@media screen and (min-width: 992px){.porfolio-element-1 .link-1,.porfolio-element-1 .link-2,.porfolio-element-1 .link-3,.porfolio-element-2 .link-1,.porfolio-element-2 .link-2,.porfolio-element-2 .link-3,.porfolio-element-3 .link-1,.porfolio-element-3 .link-2,.porfolio-element-3 .link-3{position:absolute;z-index:3;width:100%;background-color:#5ec8c2;border-bottom-left-radius:40px;border-bottom-right-radius:40px;padding:10px 0px 10px 0px;width:350px;margin-top:-42px}}@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1225px){.porfolio-element-1 .link-1,.porfolio-element-1 .link-2,.porfolio-element-1 .link-3,.porfolio-element-2 .link-1,.porfolio-element-2 .link-2,.porfolio-element-2 .link-3,.porfolio-element-3 .link-1,.porfolio-element-3 .link-2,.porfolio-element-3 .link-3{width:300px}}@media screen and (min-width: 992px) and (min-width: 1226px){.porfolio-element-1 .link-1,.porfolio-element-1 .link-2,.porfolio-element-1 .link-3,.porfolio-element-2 .link-1,.porfolio-element-2 .link-2,.porfolio-element-2 .link-3,.porfolio-element-3 .link-1,.porfolio-element-3 .link-2,.porfolio-element-3 .link-3{margin-left:5px}}@media screen and (min-width: 992px){.porfolio-element-1 .link-1 .des,.porfolio-element-1 .link-2 .des,.porfolio-element-1 .link-3 .des,.porfolio-element-2 .link-1 .des,.porfolio-element-2 .link-2 .des,.porfolio-element-2 .link-3 .des,.porfolio-element-3 .link-1 .des,.porfolio-element-3 .link-2 .des,.porfolio-element-3 .link-3 .des{display:block;text-align:center;color:black;text-decoration:none;font-family:'Raleway', sans-serif;font-size:20px}}@media screen and (max-width: 992px){.porfolio-element-1 .link-1,.porfolio-element-1 .link-2,.porfolio-element-1 .link-3,.porfolio-element-2 .link-1,.porfolio-element-2 .link-2,.porfolio-element-2 .link-3,.porfolio-element-3 .link-1,.porfolio-element-3 .link-2,.porfolio-element-3 .link-3{background-color:#5ec8c2;border-radius:40px;padding:5px 0px 5px 0px;text-align:center;width:200px;margin-top:25px;color:black;font-family:'Raleway', sans-serif;font-size:20px;text-decoration:none}}.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}.porfolio-element-1 .blur:hover,.porfolio-element-2 .blur:hover,.porfolio-element-3 .blur:hover{-webkit-filter:blur(3px)}#design-content{margin-bottom:75px}#design-content h2{margin-top:75px}#design-content p{margin-bottom:50px}.carousel-caption{background-color:#27262f;margin-bottom:-50px}@media screen and (min-width: 993px) and (max-width: 1225px){.carousel-caption{margin-bottom:-70px}}@media screen and (min-width: 769px) and (max-width: 992px){.carousel-caption{margin-bottom:-80px}}@media screen and (max-width: 768px){.carousel-caption{margin-bottom:-40px}}.carousel-caption h3{color:#e3e3e3;padding:5px 0px 5px 0px}@media screen and (min-width: 993px) and (max-width: 1225px){.carousel-caption h3{padding:0px}}@media screen and (min-width: 769px) and (max-width: 992px){.carousel-caption h3{font-size:20px;margin-top:-20px}}@media screen and (max-width: 768px){.carousel-caption h3{font-size:16px;margin-top:-25px}}.carousel-caption p{color:#9c9aa9;margin-top:-10px}@media screen and (min-width: 769px) and (max-width: 992px){.carousel-caption p{font-size:16px;margin-top:-20px}}@media screen and (max-width: 768px){.carousel-caption p{display:none}}body{margin:0 auto}#home-body{height:90vh}#home-body h2{font-weight:normal;font-size:22px;letter-spacing:0px}#about-content{padding:50px 0px 50px 50px}@media screen and (min-width: 993px) and (max-width: 1225px){#about-content{padding:25px 0px 25px 50px}}#about-content a{color:#9c9aa9}#about-content a:hover{color:#c26575}@media screen and (max-width: 768px){#about-content p{width:95%}}@media screen and (min-width: 769px) and (max-width: 992px){#sunset{height:375px;object-fit:cover;margin-bottom:-25px}}@media screen and (max-width: 768px){#sunset{height:300px;object-fit:cover}}.button{background-color:#5ec8c2;border-radius:40px;padding:2px 0px 2px 0px;margin-right:1px}.button a{color:black;padding:10px 7px 10px 7px}.button a:hover{color:#5ec8c2;border:1px solid #5ec8c2;border-radius:40px;text-decoration:none}.button:hover{background-color:#27262f}#h1{font-size:70px;letter-spacing:4px;padding-top:100px}@media screen and (max-width: 768px){#h1{font-size:45px}}h1,h2,h3{color:#e3e3e3;font-family:'Raleway', sans-serif;font-spacing:2px}h3{font-size:20px;font-weight:normal}p{color:#9c9aa9;font-size:16px;font-family:'Arimo', sans-serif}h2{font-size:28px;letter-spacing:1px}iframe{margin-top:50px}@media screen and (max-width: 768px){iframe{width:80vw;height:50vw}}#animation-content h2{margin-top:75px}#animation-content .space{margin-bottom:75px}#art-content img{border-radius:40px}#art-content img:hover{opacity:.5}@media screen and (min-width: 993px){#art-content{margin:75px 0px 100px 0px}#art-content #space-fix{margin:50px 0px 0px 0px}#art-content #space-fix-2{margin:65px 0px 0px 0px}#art-content #space-fix-3{margin:-10px 0px 0px 0px}#art-content #space-fix-4{margin:65px 0px 0px 0px}}@media screen and (max-width: 992px){#art-content{margin:75px 0px 50px 0px}#art-content img{margin-bottom:50px}}#art-content p{margin-bottom:75px} +nav{background-color:#e3e3e3}nav ul li{list-style-type:none;padding-top:43px}@media screen and (max-width: 768px){nav ul li{padding-top:10px;padding-bottom:10px;margin-left:-10px}}nav ul li a{text-decoration:none;color:black;font-family:'Arimo', sans-serif;font-size:16px}nav ul li a:hover,nav ul li a:active{color:#9d2438;text-decoration:none}#logo-box{background-color:#5ec8c2}#logo-box img{width:100px}nav a:hover,nav a:active{letter-spacing:1px}nav a:after{backface-visibility:hidden;border:1px solid rgba(212,51,165,0);bottom:0px;content:" ";margin:0 auto;position:relative;transition:all 280ms ease-in-out;width:0}nav a:hover:after,nav a:hover:before{backface-visibility:hidden;border-color:#9d2438;transition:width 350ms ease-in-out;width:40%}nav a:after,nav a:before{display:block}footer{background-color:#622c35;height:275px;padding-top:40px}footer h3{font-size:18px}footer p{font-size:14px;line-height:30px;color:#a2858a}#contact-img-box img{width:60px;padding-top:50px}@media screen and (min-width: 993px){#middle{border-right:1px solid #774a52}}#portfolio-content{padding:50px 0px 100px 0px}.porfolio-element-1,.porfolio-element-2,.porfolio-element-3{margin-top:50px}.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{border-radius:40px;display:block;width:350px}@media screen and (min-width: 992px) and (max-width: 1225px){.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{width:300px}}@media screen and (min-width: 769px) and (max-width: 992px){.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{width:60vw}}@media screen and (max-width: 768px){.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{width:90vw}}@media screen and (min-width: 992px){.porfolio-element-1 .link-1,.porfolio-element-1 .link-2,.porfolio-element-1 .link-3,.porfolio-element-2 .link-1,.porfolio-element-2 .link-2,.porfolio-element-2 .link-3,.porfolio-element-3 .link-1,.porfolio-element-3 .link-2,.porfolio-element-3 .link-3{position:absolute;z-index:3;width:100%;background-color:#5ec8c2;border-bottom-left-radius:40px;border-bottom-right-radius:40px;padding:10px 0px 10px 0px;width:350px;margin-top:-42px}}@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1225px){.porfolio-element-1 .link-1,.porfolio-element-1 .link-2,.porfolio-element-1 .link-3,.porfolio-element-2 .link-1,.porfolio-element-2 .link-2,.porfolio-element-2 .link-3,.porfolio-element-3 .link-1,.porfolio-element-3 .link-2,.porfolio-element-3 .link-3{width:300px}}@media screen and (min-width: 992px) and (min-width: 1226px){.porfolio-element-1 .link-1,.porfolio-element-1 .link-2,.porfolio-element-1 .link-3,.porfolio-element-2 .link-1,.porfolio-element-2 .link-2,.porfolio-element-2 .link-3,.porfolio-element-3 .link-1,.porfolio-element-3 .link-2,.porfolio-element-3 .link-3{margin-left:5px}}@media screen and (min-width: 992px){.porfolio-element-1 .link-1 .des,.porfolio-element-1 .link-2 .des,.porfolio-element-1 .link-3 .des,.porfolio-element-2 .link-1 .des,.porfolio-element-2 .link-2 .des,.porfolio-element-2 .link-3 .des,.porfolio-element-3 .link-1 .des,.porfolio-element-3 .link-2 .des,.porfolio-element-3 .link-3 .des{display:block;text-align:center;color:black;text-decoration:none;font-family:'Raleway', sans-serif;font-size:20px}}@media screen and (max-width: 992px){.porfolio-element-1 .link-1,.porfolio-element-1 .link-2,.porfolio-element-1 .link-3,.porfolio-element-2 .link-1,.porfolio-element-2 .link-2,.porfolio-element-2 .link-3,.porfolio-element-3 .link-1,.porfolio-element-3 .link-2,.porfolio-element-3 .link-3{background-color:#5ec8c2;border-radius:40px;padding:5px 0px 5px 0px;text-align:center;width:200px;margin-top:25px;color:black;font-family:'Raleway', sans-serif;font-size:20px;text-decoration:none}}.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}.porfolio-element-1 .blur:hover,.porfolio-element-2 .blur:hover,.porfolio-element-3 .blur:hover{-webkit-filter:blur(3px)}#design-content{margin-bottom:75px}#design-content h2{margin-top:75px}#design-content p{margin-bottom:50px}.carousel-caption{background-color:#27262f;margin-bottom:-50px}@media screen and (min-width: 993px) and (max-width: 1225px){.carousel-caption{margin-bottom:-70px}}@media screen and (min-width: 769px) and (max-width: 992px){.carousel-caption{margin-bottom:-80px}}@media screen and (max-width: 768px){.carousel-caption{margin-bottom:-40px}}.carousel-caption h3{color:#e3e3e3;padding:5px 0px 5px 0px}@media screen and (min-width: 993px) and (max-width: 1225px){.carousel-caption h3{padding:0px}}@media screen and (min-width: 769px) and (max-width: 992px){.carousel-caption h3{font-size:20px;margin-top:-20px}}@media screen and (max-width: 768px){.carousel-caption h3{font-size:16px;margin-top:-25px}}.carousel-caption p{color:#9c9aa9;margin-top:-10px}@media screen and (min-width: 769px) and (max-width: 992px){.carousel-caption p{font-size:16px;margin-top:-20px}}@media screen and (max-width: 768px){.carousel-caption p{display:none}}body{margin:0 auto}#home-body{height:90vh}#home-body h2{font-weight:normal;font-size:22px;letter-spacing:0px}#about-content{padding:50px 0px 50px 50px}@media screen and (min-width: 993px) and (max-width: 1225px){#about-content{padding:25px 0px 25px 50px}}#about-content a{color:#9c9aa9}#about-content a:hover{color:#c26575}@media screen and (max-width: 768px){#about-content p{width:95%}}@media screen and (min-width: 769px) and (max-width: 992px){#sunset{height:375px;object-fit:cover;margin-bottom:-25px}}@media screen and (max-width: 768px){#sunset{height:300px;object-fit:cover}}.button{background-color:#5ec8c2;border-radius:40px;padding:2px 0px 2px 0px;margin-right:1px}.button a{color:black;padding:10px 7px 10px 7px}.button a:hover{color:#5ec8c2;border:1px solid #5ec8c2;border-radius:40px;text-decoration:none}.button:hover{background-color:#27262f}#h1{font-size:70px;letter-spacing:4px;padding-top:20vh}@media screen and (max-width: 768px){#h1{font-size:45px}}h1,h2,h3{color:#e3e3e3;font-family:'Raleway', sans-serif;font-spacing:2px}h3{font-size:20px;font-weight:normal}p{color:#9c9aa9;font-size:16px;font-family:'Arimo', sans-serif}h2{font-size:28px;letter-spacing:1px}iframe{margin-top:50px}@media screen and (max-width: 768px){iframe{width:80vw;height:50vw}}#animation-content h2{margin-top:75px}#animation-content .space{margin-bottom:75px}#art-content img{border-radius:40px}#art-content img:hover{opacity:.5}@media screen and (min-width: 993px){#art-content{margin:75px 0px 100px 0px}#art-content #space-fix{margin:50px 0px 0px 0px}#art-content #space-fix-2{margin:65px 0px 0px 0px}#art-content #space-fix-3{margin:-10px 0px 0px 0px}#art-content #space-fix-4{margin:65px 0px 0px 0px}}@media screen and (max-width: 992px){#art-content{margin:75px 0px 50px 0px}#art-content img{margin-bottom:50px}}#art-content p{margin-bottom:75px} /*# sourceMappingURL=main.css.map */ diff --git a/final-proj/main.css.map b/final-proj/main.css.map index 580c6a7..abcf8c5 100644 --- a/final-proj/main.css.map +++ b/final-proj/main.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "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", +"mappings": "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", "sources": ["_nav.scss","_footer.scss","_portfolio.scss","_carousel.scss","main.scss"], "names": [], "file": "main.css" diff --git a/final-proj/main.min.css b/final-proj/main.min.css index a65a377..8d52813 100644 --- a/final-proj/main.min.css +++ b/final-proj/main.min.css @@ -1 +1 @@ -nav{background-color:#e3e3e3}nav ul li{list-style-type:none;padding-top:43px}@media screen and (max-width:768px){nav ul li{padding-top:10px;padding-bottom:10px;margin-left:-10px}}nav ul li a{text-decoration:none;color:#000;font-family:Arimo,sans-serif;font-size:16px}nav ul li a:active,nav ul li a:hover{color:#9d2438;text-decoration:none}#logo-box{background-color:#5ec8c2}#logo-box img{width:100px}nav a:active,nav a:hover{letter-spacing:1px}nav a:after{backface-visibility:hidden;border:1px solid rgba(212,51,165,0);bottom:0;content:" ";margin:0 auto;position:relative;transition:all 280ms ease-in-out;width:0}nav a:hover:after,nav a:hover:before{backface-visibility:hidden;border-color:#9d2438;transition:width 350ms ease-in-out;width:40%}nav a:after,nav a:before{display:block}footer{background-color:#622c35;height:275px;padding-top:40px}footer h3{font-size:18px}footer p{font-size:14px;line-height:30px;color:#a2858a}#contact-img-box img{width:60px;padding-top:50px}@media screen and (min-width:993px){#middle{border-right:1px solid #774a52}}#portfolio-content{padding:50px 0 100px 0}.porfolio-element-1,.porfolio-element-2,.porfolio-element-3{margin-top:50px}.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{border-radius:40px;display:block;width:350px}@media screen and (min-width:992px) and (max-width:1225px){.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{width:300px}}@media screen and (min-width:769px) and (max-width:992px){.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{width:60vw}}@media screen and (max-width:768px){.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{width:90vw}}@media screen and (min-width:992px){.porfolio-element-1 .link-1,.porfolio-element-1 .link-2,.porfolio-element-1 .link-3,.porfolio-element-2 .link-1,.porfolio-element-2 .link-2,.porfolio-element-2 .link-3,.porfolio-element-3 .link-1,.porfolio-element-3 .link-2,.porfolio-element-3 .link-3{position:absolute;z-index:3;width:100%;background-color:#5ec8c2;border-bottom-left-radius:40px;border-bottom-right-radius:40px;padding:10px 0 10px 0;width:350px;margin-top:-42px}}@media screen and (min-width:992px) and (min-width:992px) and (max-width:1225px){.porfolio-element-1 .link-1,.porfolio-element-1 .link-2,.porfolio-element-1 .link-3,.porfolio-element-2 .link-1,.porfolio-element-2 .link-2,.porfolio-element-2 .link-3,.porfolio-element-3 .link-1,.porfolio-element-3 .link-2,.porfolio-element-3 .link-3{width:300px}}@media screen and (min-width:992px) and (min-width:1226px){.porfolio-element-1 .link-1,.porfolio-element-1 .link-2,.porfolio-element-1 .link-3,.porfolio-element-2 .link-1,.porfolio-element-2 .link-2,.porfolio-element-2 .link-3,.porfolio-element-3 .link-1,.porfolio-element-3 .link-2,.porfolio-element-3 .link-3{margin-left:5px}}@media screen and (min-width:992px){.porfolio-element-1 .link-1 .des,.porfolio-element-1 .link-2 .des,.porfolio-element-1 .link-3 .des,.porfolio-element-2 .link-1 .des,.porfolio-element-2 .link-2 .des,.porfolio-element-2 .link-3 .des,.porfolio-element-3 .link-1 .des,.porfolio-element-3 .link-2 .des,.porfolio-element-3 .link-3 .des{display:block;text-align:center;color:#000;text-decoration:none;font-family:Raleway,sans-serif;font-size:20px}}@media screen and (max-width:992px){.porfolio-element-1 .link-1,.porfolio-element-1 .link-2,.porfolio-element-1 .link-3,.porfolio-element-2 .link-1,.porfolio-element-2 .link-2,.porfolio-element-2 .link-3,.porfolio-element-3 .link-1,.porfolio-element-3 .link-2,.porfolio-element-3 .link-3{background-color:#5ec8c2;border-radius:40px;padding:5px 0 5px 0;text-align:center;width:200px;margin-top:25px;color:#000;font-family:Raleway,sans-serif;font-size:20px;text-decoration:none}}.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}.porfolio-element-1 .blur:hover,.porfolio-element-2 .blur:hover,.porfolio-element-3 .blur:hover{-webkit-filter:blur(3px)}#design-content{margin-bottom:75px}#design-content h2{margin-top:75px}#design-content p{margin-bottom:50px}.carousel-caption{background-color:#27262f;margin-bottom:-50px}@media screen and (min-width:993px) and (max-width:1225px){.carousel-caption{margin-bottom:-70px}}@media screen and (min-width:769px) and (max-width:992px){.carousel-caption{margin-bottom:-80px}}@media screen and (max-width:768px){.carousel-caption{margin-bottom:-40px}}.carousel-caption h3{color:#e3e3e3;padding:5px 0 5px 0}@media screen and (min-width:993px) and (max-width:1225px){.carousel-caption h3{padding:0}}@media screen and (min-width:769px) and (max-width:992px){.carousel-caption h3{font-size:20px;margin-top:-20px}}@media screen and (max-width:768px){.carousel-caption h3{font-size:16px;margin-top:-25px}}.carousel-caption p{color:#9c9aa9;margin-top:-10px}@media screen and (min-width:769px) and (max-width:992px){.carousel-caption p{font-size:16px;margin-top:-20px}}@media screen and (max-width:768px){.carousel-caption p{display:none}}body{margin:0 auto}#home-body{height:90vh}#home-body h2{font-weight:400;font-size:22px;letter-spacing:0}#about-content{padding:50px 0 50px 50px}@media screen and (min-width:993px) and (max-width:1225px){#about-content{padding:25px 0 25px 50px}}#about-content a{color:#9c9aa9}#about-content a:hover{color:#c26575}@media screen and (max-width:768px){#about-content p{width:95%}}@media screen and (min-width:769px) and (max-width:992px){#sunset{height:375px;object-fit:cover;margin-bottom:-25px}}@media screen and (max-width:768px){#sunset{height:300px;object-fit:cover}}.button{background-color:#5ec8c2;border-radius:40px;padding:2px 0 2px 0;margin-right:1px}.button a{color:#000;padding:10px 7px 10px 7px}.button a:hover{color:#5ec8c2;border:1px solid #5ec8c2;border-radius:40px;text-decoration:none}.button:hover{background-color:#27262f}#h1{font-size:70px;letter-spacing:4px;padding-top:100px}@media screen and (max-width:768px){#h1{font-size:45px}}h1,h2,h3{color:#e3e3e3;font-family:Raleway,sans-serif;font-spacing:2px}h3{font-size:20px;font-weight:400}p{color:#9c9aa9;font-size:16px;font-family:Arimo,sans-serif}h2{font-size:28px;letter-spacing:1px}iframe{margin-top:50px}@media screen and (max-width:768px){iframe{width:80vw;height:50vw}}#animation-content h2{margin-top:75px}#animation-content .space{margin-bottom:75px}#art-content img{border-radius:40px}#art-content img:hover{opacity:.5}@media screen and (min-width:993px){#art-content{margin:75px 0 100px 0}#art-content #space-fix{margin:50px 0 0 0}#art-content #space-fix-2{margin:65px 0 0 0}#art-content #space-fix-3{margin:-10px 0 0 0}#art-content #space-fix-4{margin:65px 0 0 0}}@media screen and (max-width:992px){#art-content{margin:75px 0 50px 0}#art-content img{margin-bottom:50px}}#art-content p{margin-bottom:75px} \ No newline at end of file +nav{background-color:#e3e3e3}nav ul li{list-style-type:none;padding-top:43px}@media screen and (max-width:768px){nav ul li{padding-top:10px;padding-bottom:10px;margin-left:-10px}}nav ul li a{text-decoration:none;color:#000;font-family:Arimo,sans-serif;font-size:16px}nav ul li a:active,nav ul li a:hover{color:#9d2438;text-decoration:none}#logo-box{background-color:#5ec8c2}#logo-box img{width:100px}nav a:active,nav a:hover{letter-spacing:1px}nav a:after{backface-visibility:hidden;border:1px solid rgba(212,51,165,0);bottom:0;content:" ";margin:0 auto;position:relative;transition:all 280ms ease-in-out;width:0}nav a:hover:after,nav a:hover:before{backface-visibility:hidden;border-color:#9d2438;transition:width 350ms ease-in-out;width:40%}nav a:after,nav a:before{display:block}footer{background-color:#622c35;height:275px;padding-top:40px}footer h3{font-size:18px}footer p{font-size:14px;line-height:30px;color:#a2858a}#contact-img-box img{width:60px;padding-top:50px}@media screen and (min-width:993px){#middle{border-right:1px solid #774a52}}#portfolio-content{padding:50px 0 100px 0}.porfolio-element-1,.porfolio-element-2,.porfolio-element-3{margin-top:50px}.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{border-radius:40px;display:block;width:350px}@media screen and (min-width:992px) and (max-width:1225px){.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{width:300px}}@media screen and (min-width:769px) and (max-width:992px){.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{width:60vw}}@media screen and (max-width:768px){.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{width:90vw}}@media screen and (min-width:992px){.porfolio-element-1 .link-1,.porfolio-element-1 .link-2,.porfolio-element-1 .link-3,.porfolio-element-2 .link-1,.porfolio-element-2 .link-2,.porfolio-element-2 .link-3,.porfolio-element-3 .link-1,.porfolio-element-3 .link-2,.porfolio-element-3 .link-3{position:absolute;z-index:3;width:100%;background-color:#5ec8c2;border-bottom-left-radius:40px;border-bottom-right-radius:40px;padding:10px 0 10px 0;width:350px;margin-top:-42px}}@media screen and (min-width:992px) and (min-width:992px) and (max-width:1225px){.porfolio-element-1 .link-1,.porfolio-element-1 .link-2,.porfolio-element-1 .link-3,.porfolio-element-2 .link-1,.porfolio-element-2 .link-2,.porfolio-element-2 .link-3,.porfolio-element-3 .link-1,.porfolio-element-3 .link-2,.porfolio-element-3 .link-3{width:300px}}@media screen and (min-width:992px) and (min-width:1226px){.porfolio-element-1 .link-1,.porfolio-element-1 .link-2,.porfolio-element-1 .link-3,.porfolio-element-2 .link-1,.porfolio-element-2 .link-2,.porfolio-element-2 .link-3,.porfolio-element-3 .link-1,.porfolio-element-3 .link-2,.porfolio-element-3 .link-3{margin-left:5px}}@media screen and (min-width:992px){.porfolio-element-1 .link-1 .des,.porfolio-element-1 .link-2 .des,.porfolio-element-1 .link-3 .des,.porfolio-element-2 .link-1 .des,.porfolio-element-2 .link-2 .des,.porfolio-element-2 .link-3 .des,.porfolio-element-3 .link-1 .des,.porfolio-element-3 .link-2 .des,.porfolio-element-3 .link-3 .des{display:block;text-align:center;color:#000;text-decoration:none;font-family:Raleway,sans-serif;font-size:20px}}@media screen and (max-width:992px){.porfolio-element-1 .link-1,.porfolio-element-1 .link-2,.porfolio-element-1 .link-3,.porfolio-element-2 .link-1,.porfolio-element-2 .link-2,.porfolio-element-2 .link-3,.porfolio-element-3 .link-1,.porfolio-element-3 .link-2,.porfolio-element-3 .link-3{background-color:#5ec8c2;border-radius:40px;padding:5px 0 5px 0;text-align:center;width:200px;margin-top:25px;color:#000;font-family:Raleway,sans-serif;font-size:20px;text-decoration:none}}.porfolio-element-1 img,.porfolio-element-2 img,.porfolio-element-3 img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}.porfolio-element-1 .blur:hover,.porfolio-element-2 .blur:hover,.porfolio-element-3 .blur:hover{-webkit-filter:blur(3px)}#design-content{margin-bottom:75px}#design-content h2{margin-top:75px}#design-content p{margin-bottom:50px}.carousel-caption{background-color:#27262f;margin-bottom:-50px}@media screen and (min-width:993px) and (max-width:1225px){.carousel-caption{margin-bottom:-70px}}@media screen and (min-width:769px) and (max-width:992px){.carousel-caption{margin-bottom:-80px}}@media screen and (max-width:768px){.carousel-caption{margin-bottom:-40px}}.carousel-caption h3{color:#e3e3e3;padding:5px 0 5px 0}@media screen and (min-width:993px) and (max-width:1225px){.carousel-caption h3{padding:0}}@media screen and (min-width:769px) and (max-width:992px){.carousel-caption h3{font-size:20px;margin-top:-20px}}@media screen and (max-width:768px){.carousel-caption h3{font-size:16px;margin-top:-25px}}.carousel-caption p{color:#9c9aa9;margin-top:-10px}@media screen and (min-width:769px) and (max-width:992px){.carousel-caption p{font-size:16px;margin-top:-20px}}@media screen and (max-width:768px){.carousel-caption p{display:none}}body{margin:0 auto}#home-body{height:90vh}#home-body h2{font-weight:400;font-size:22px;letter-spacing:0}#about-content{padding:50px 0 50px 50px}@media screen and (min-width:993px) and (max-width:1225px){#about-content{padding:25px 0 25px 50px}}#about-content a{color:#9c9aa9}#about-content a:hover{color:#c26575}@media screen and (max-width:768px){#about-content p{width:95%}}@media screen and (min-width:769px) and (max-width:992px){#sunset{height:375px;object-fit:cover;margin-bottom:-25px}}@media screen and (max-width:768px){#sunset{height:300px;object-fit:cover}}.button{background-color:#5ec8c2;border-radius:40px;padding:2px 0 2px 0;margin-right:1px}.button a{color:#000;padding:10px 7px 10px 7px}.button a:hover{color:#5ec8c2;border:1px solid #5ec8c2;border-radius:40px;text-decoration:none}.button:hover{background-color:#27262f}#h1{font-size:70px;letter-spacing:4px;padding-top:20vh}@media screen and (max-width:768px){#h1{font-size:45px}}h1,h2,h3{color:#e3e3e3;font-family:Raleway,sans-serif;font-spacing:2px}h3{font-size:20px;font-weight:400}p{color:#9c9aa9;font-size:16px;font-family:Arimo,sans-serif}h2{font-size:28px;letter-spacing:1px}iframe{margin-top:50px}@media screen and (max-width:768px){iframe{width:80vw;height:50vw}}#animation-content h2{margin-top:75px}#animation-content .space{margin-bottom:75px}#art-content img{border-radius:40px}#art-content img:hover{opacity:.5}@media screen and (min-width:993px){#art-content{margin:75px 0 100px 0}#art-content #space-fix{margin:50px 0 0 0}#art-content #space-fix-2{margin:65px 0 0 0}#art-content #space-fix-3{margin:-10px 0 0 0}#art-content #space-fix-4{margin:65px 0 0 0}}@media screen and (max-width:992px){#art-content{margin:75px 0 50px 0}#art-content img{margin-bottom:50px}}#art-content p{margin-bottom:75px} \ No newline at end of file diff --git a/final-proj/main.scss b/final-proj/main.scss index e98f56a..10eb879 100644 --- a/final-proj/main.scss +++ b/final-proj/main.scss @@ -79,7 +79,7 @@ body { #h1 { font-size:70px; letter-spacing: 4px; - padding-top:100px; + padding-top:20vh; @media screen and (max-width: $x-small) { font-size:45px;