-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
executable file
·1 lines (1 loc) · 22.1 KB
/
style.css
1
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{background:#fff;color:#000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a{background:0 0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}button,input,textarea{line-height:normal}button,select{text-transform:none}button,html input[type=button],html textarea[type=button],input[type=reset],input[type=submit],textarea[type=reset],textarea[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled],textarea[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner,textarea::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}input[type=search],textarea[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,textarea[type=search]::-webkit-search-cancel-button,textarea[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=checkbox],input[type=radio],textarea[type=checkbox],textarea[type=radio]{box-sizing:border-box;padding:0}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}*,:after,:before{box-sizing:border-box}.skill-group h3,h1,h2{text-transform:uppercase;font-family:arvo,sans-serif}section.about,section.portfolio{padding-top:30px;padding-bottom:100px}section.about h2,section.portfolio h2{padding-bottom:30px}li.menu-item a{position:relative}li.menu-item a:after{content:'';height:1px;bottom:-1px;position:absolute;left:50%;width:0;-webkit-transition:.3s all ease-in-out;transition:.3s all ease-in-out;background:#20b2aa}li.menu-item a:hover:after{width:100%;left:0;background:#D96100}h2.entry-title a:after{content:'';height:1px;bottom:-1px;position:absolute;left:0;width:0;-webkit-transition:.3s all ease-in-out;transition:.3s all ease-in-out;background:#20b2aa}h2.entry-title a:hover:after{width:100%;left:0;background:#D96100}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}40%{-webkit-transform:translateY(-30px) translateX(-50%);transform:translateY(-30px) translateX(-50%)}60%{-webkit-transform:translateY(-15px) translateX(-50%);transform:translateY(-15px) translateX(-50%)}}@-ms-keyframes bounce{0%,100%,20%,50%,80%{-ms-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}40%{-ms-transform:translateY(-30px) translateX(-50%);transform:translateY(-30px) translateX(-50%)}60%{-ms-transform:translateY(-15px) translateX(-50%);transform:translateY(-15px) translateX(-50%)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}40%{-webkit-transform:translateY(-30px) translateX(-50%);transform:translateY(-30px) translateX(-50%)}60%{-webkit-transform:translateY(-15px) translateX(-50%);transform:translateY(-15px) translateX(-50%)}}body{width:100%}body:after,body:before{content:"";display:table}body:after{clear:both}img{max-width:100%}ul{padding-left:0;list-style:none}@media (min-width:2000px){html{font-size:130%}.hero{padding-top:250px}}.container{max-width:900px;margin:0 auto;padding:10px}.container:after,.container:before{content:"";display:table}.container:after{clear:both}@media (min-width:2000px){.container{max-width:1200px}}.hero{height:calc(100vh - 88px);padding-top:10vh}@media (max-width:400px){.hero{padding-top:50px}}@media (max-height:530px){.hero{padding-top:0}}@media (max-height:420px){.hero{height:auto}}.scroll{margin-top:150px;text-align:center;font-size:36px;font-size:2.25rem;position:relative}.scroll a{padding:30px;color:#2c3e50}.scroll a i{-webkit-transform:translateX(-50%) translateY(0);-ms-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);position:absolute;-webkit-animation:bounce 3s infinite;-ms-animation:bounce 3s infinite;animation:bounce 3s infinite}.scroll a:hover{color:#733300}.scroll a:hover i{-webkit-animation:none;-ms-animation:none;animation:none}@media (max-height:530px){.scroll{margin-top:90px}.scroll a{color:#ecf0f1}.scroll a:hover{color:#D96100}}.full{width:100%}header{padding-top:10px;padding-bottom:10px}header:after,header:before{content:"";display:table}header:after{clear:both}.social{display:inline;float:left;width:47.91667%;margin:0 1.04167% 0 26.04167%}@media (max-width:480px){.social{display:inline;float:left;width:81.25%;margin:0 1.04167% 0 9.375%}}.about{padding-bottom:50px}.about-content{display:inline;float:left;width:39.58333%;margin:0 1.04167% 0 9.375%}@media (max-width:768px){.about-content{display:inline;float:left;width:47.91667%;margin:0 1.04167% 0 9.375%}}@media (max-width:620px){.about-content{display:inline;float:left;width:81.25%;margin:0 1.04167% 0 9.375%;text-align:center}}.about-content p:first-of-type{margin-top:0}@media (max-width:620px){.about-content p:first-of-type{margin-top:1em}}.profile-img{position:relative;display:inline;float:left;width:31.25%;margin:0 1.04167% 0 9.375%}@media (max-width:768px){.profile-img{display:inline;float:left;width:39.58333%;margin:0 1.04167%}}@media (max-width:620px){.profile-img{display:inline;float:left;width:47.91667%;margin:0 1.04167% 0 26.04167%}}.contact .social-links{display:inline;float:left;width:47.91667%;margin:0 1.04167%}@media (max-width:768px){.contact .social-links{display:inline;float:left;width:81.25%;margin:0 1.04167% 0 9.375%}.contact .social-links p{text-align:center}}@media (max-width:480px){.contact .social-links{display:inline;float:left;width:97.91667%;margin:0 1.04167%}}.contact .social-links li{padding:10px 10px 10px 0}.contact .contact-form{display:inline;float:left;width:47.91667%;margin:0 1.04167%}@media (max-width:768px){.contact .contact-form{display:inline;float:left;width:81.25%;margin:0 1.04167% 0 9.375%}}@media (max-width:480px){.contact .contact-form{display:inline;float:left;width:97.91667%;margin:0 1.04167%}.contact .contact-form input,.contact .contact-form textarea{width:100%}}article{border-top:4px double rgba(44,62,80,.5)}footer{clear:both;padding:10px}.skills .container{padding:0}.skills .container:after,.skills .container:before{content:"";display:table}.skills .container:after{clear:both}.skill-group{width:25%;float:left;padding:10px;height:225px;border-left:1px solid #2c3e50;-webkit-transition:.5s all;transition:.5s all}@media (min-width:2000px){.skill-group{height:280px}}.skill-group:last-of-type{border-right:1px solid #2c3e50}.skill-group:hover{background:#20b2aa;box-shadow:inset 0 10px 10px -10px rgba(44,62,80,.5),inset 0 -10px 10px -10px rgba(44,62,80,.5)}@media (max-width:768px){.skill-group:first-of-type{border-left:0}.skill-group:last-of-type{border-right:0}}@media (max-width:620px){.skill-group{width:50%}.skill-group:nth-of-type(n+3){border-top:1px solid #2c3e50}}pre{background:#cfd9db;padding:10px;border-radius:4px;border:1px solid #ccc}body{color:#2c3e50;font-family:lato,serif;font-weight:300}a{color:#20b2aa;text-decoration:none;-webkit-transition:.3s all ease-in-out;transition:.3s all ease-in-out;position:relative}a:hover{color:#D96100}h1{font-weight:400;text-align:center;letter-spacing:1px;color:#20b2aa}h1.site-title{font-size:48px;font-size:3rem}@media (max-width:620px){h1.site-title{margin-bottom:1rem}}@media (max-width:480px){h1.site-title{font-size:40px;font-size:2.5rem}}h2,h3,h4,h5{text-align:center;font-weight:300}h2.entry-title,h2.tagline{font-family:lato,serif;text-transform:none}@media (max-width:620px){h2.entry-title,h2.tagline{font-size:20px;font-size:1.25rem}}h2.entry-title{text-align:left;font-weight:400}h2.entry-title a{position:relative}h4.byline{text-align:left}p{line-height:1.5}.skill-list{text-align:center;line-height:2}blockquote{background:#ecf0f1;margin:0;padding:20px}blockquote p{margin-top:0}div.social{font-size:0;font-size:0;text-align:center}div.social a{font-size:30px;font-size:1.875rem;padding:10px;width:25%;display:inline-block}.social-links a{font-size:30px;font-size:1.875rem;display:inline-block}.social-links span{text-transform:uppercase;color:#2c3e50;font-size:16px;font-size:1rem;display:inline-block;position:relative;top:50%;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%)}footer{color:#ecf0f1;text-align:center}body{background:url(img/fog.jpg) center/cover fixed}@media (max-width:768px){body{background-size:auto}}section.hero{box-shadow:inset 0 -10px 10px -10px rgba(44,62,80,.5)}section.about{background:#ecf0f1}@media (max-width:620px){section.about{padding-bottom:50px}}section.skills{padding-bottom:0;background:#95a5a6;box-shadow:inset 0 10px 10px -10px rgba(44,62,80,.5),inset 0 -10px 10px -10px rgba(44,62,80,.5)}section.portfolio{padding-bottom:0;background:#ecf0f1}section.portfolio h2{padding-bottom:0}section.contact{padding-top:30px;padding-bottom:50px;box-shadow:inset 0 10px 10px -10px rgba(44,62,80,.5),inset 0 -10px 10px -10px rgba(44,62,80,.5)}@media (max-width:768px){section.contact{background:#ecf0f1}}.main{background:rgba(236,240,241,.8);box-shadow:inset 0 10px 10px -10px rgba(44,62,80,.5)}footer{background:#2c3e50}.flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}@font-face{font-family:flexslider-icon;src:url(fonts/flexslider-icon.eot);src:url(fonts/flexslider-icon.eot?#iefix) format("embedded-opentype"),url(fonts/flexslider-icon.woff) format("woff"),url(fonts/flexslider-icon.ttf) format("truetype"),url(fonts/flexslider-icon.svg#flexslider-icon) format("svg");font-weight:400;font-style:normal}.flexslider{padding:0}.flexslider .slides>section{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{max-width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>section:first-child{display:block}.flexslider{margin:0 0 60px;background:#ecf0f1;border:4px solid #ecf0f1;position:relative}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.carousel li{margin-right:5px}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:48px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(44,62,80,.8);text-shadow:1px 1px 0 rgba(44,62,80,.3);-webkit-transition:all .3s ease;transition:all .3s ease}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-prev{opacity:.7;left:10px}@media (max-width:480px){.flexslider:hover .flex-prev{left:0}}.flexslider:hover .flex-next{opacity:.7;right:10px}@media (max-width:480px){.flexslider:hover .flex-next{right:0}}.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'\f001'}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#2c3e50}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block}.flex-control-paging li a{width:11px;height:11px;display:block;background:#95a5a6;background:rgba(149,165,166,.5);cursor:pointer;text-indent:-9999px;border-radius:20px;box-shadow:inset 0 0 3px rgba(0,0,0,.3)}.flex-control-paging li a:hover{background:#95a5a6;background:rgba(44,62,80,.7)}.flex-control-paging li a.flex-active{background:#2c3e50;background:rgba(44,62,80,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}@media (max-width:480px){.flex-direction-nav .flex-prev{opacity:1;left:-5px}.flex-direction-nav .flex-next{opacity:1;right:-5px}}input,textarea{padding:5px;-webkit-transition:.3s all;transition:.3s all;color:#2c3e50;border:0;border-bottom:2px solid #20b2aa;outline:0;background:rgba(236,240,241,.3)}input:focus,textarea:focus{border-bottom:2px solid #D96100;background:rgba(236,240,241,.6)}input[type=submit],textarea[type=submit]{padding:15px;-webkit-transition:0s all;transition:0s all;text-transform:uppercase;color:#ecf0f1;border-bottom:0;border-radius:3px;background:#20b2aa}input[type=submit]:hover,textarea[type=submit]:hover{background:#188781}input[type=submit]:active,input[type=submit]:focus,textarea[type=submit]:active,textarea[type=submit]:focus{border-bottom:0;background:#D96100}textarea{border:2px solid #20b2aa;border-radius:3px}@media (max-width:768px){textarea{width:100%}}textarea:focus{border:2px solid #D96100;background:rgba(236,240,241,.6)}::-webkit-input-placeholder{color:rgba(44,62,80,.8)}::-moz-placeholder{color:rgba(44,62,80,.8)}:-ms-input-placeholder{color:rgba(44,62,80,.8)}#comments .navigation{padding:0 0 18px}h3#comments-title,h3#reply-title{color:#2c3e50;font-weight:700;font-size:20px;margin-bottom:0}h3#comments-title{padding:24px 0}.commentlist li.comment{border-bottom:1px solid #ecf0f1;line-height:24px;position:relative;clear:both;margin:0 0 24px;padding:0 0 0 56px}.commentlist li:last-child{border-bottom:none;margin-bottom:0}#comments .comment-body ol,#comments .comment-body ul{margin-bottom:18px}#comments .comment-body p:last-child{margin-bottom:6px}#comments .comment-body blockquote p:last-child{margin-bottom:24px}.commentlist ol{list-style:decimal}.commentlist .avatar{position:absolute;top:4px;left:0}.comment-author cite{color:#2c3e50;font-style:normal;font-weight:700}.comment-author .says{font-style:italic}.comment-meta{font-size:12px;margin:0 0 5px}.comment-meta a:link,.comment-meta a:visited{color:#95a5a6;text-decoration:none}.reply{font-size:12px;padding:0 0 24px}.reply a,a.comment-edit-link{color:#95a5a6}.commentlist .children li{border:none;margin:0}#comments .pingback{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #ecf0f1}.commentlist li.comment+li.pingback{margin-top:-6px}#comments .pingback p{color:#95a5a6;font-size:12px;line-height:18px;display:block;margin:0}#comments .pingback .url{font-style:italic;font-size:13px}#respond{margin-top:24px;border-top:1px solid #ecf0f1;overflow:hidden;position:relative}#respond .comment-notes{margin-bottom:1em}.form-allowed-tags{line-height:1em}.children #respond{margin:0 48px 0 0}h3#reply-title{margin:18px 0}#comments-list #respond{margin:0 0 18px}#cancel-comment-reply-link{font-size:12px;line-height:18px;font-weight:400}#respond .required{color:#ff4b33;font-weight:700}#respond label{color:#95a5a6;font-size:12px}#respond input,#respond textarea{width:98%;margin:0 0 9px}#respond textarea{width:98%}#respond dd,#respond dt{color:#95a5a6;font-size:12px;line-height:18px}#respond dd code{font-size:11px}#respond .form-submit{margin:0 0 24px}#respond .form-submit input,#respond .form-submit textarea{width:auto;font-size:14px}#respond dl{margin:0 0 10px}#respond dt{display:inline;font-weight:400}#respond dd{display:inline}.nocomments,p.form-allowed-tags{display:none}.commentlist,.commentlist .children{list-style:none;margin:0}.comment-meta a:active,.comment-meta a:hover,.reply a:hover,a.comment-edit-link:hover{color:#ff4b33}#comments-list ul #respond,#respond p{margin:0}header h2{font-family:arvo,sans-serif;font-weight:400;font-size:30px;font-size:1.875rem;display:inline;float:left;width:14.58333%;margin:15px 0 0}@media (max-width:620px){header h2{display:inline;float:left;width:47.91667%;margin:10px 1.04167% 0;text-align:left}}header h2:hover a{color:#D96100}header h2:hover svg{fill:#D96100}svg{fill:#20b2aa;width:30px;-webkit-transition:.3s all ease-in-out;transition:.3s all ease-in-out}@media (max-width:400px){svg{height:30px}}nav{display:inline;float:left;width:81.25%;margin:0 1.04167%}@media (max-width:620px){nav{z-index:1000;position:fixed;width:160px;right:-160px;top:0;margin:0;height:100%;background:#ecf0f1;border-left:1px solid #95a5a6;-webkit-transition:.5s all ease-in-out;transition:.5s all ease-in-out;padding-top:70px}}nav.shown{right:0;box-shadow:0 0 10px 0 rgba(44,62,80,.5)}ul.menu{font-size:0;font-size:0;float:right}li.menu-item{display:inline-block;margin-left:20px;padding-top:5px}@media (max-width:620px){li.menu-item{width:100%;margin:0;padding:0}}li.menu-item a{display:inline-block;width:100%;text-align:left;text-transform:uppercase;font-weight:400;font-size:14px;font-size:.875rem;padding:20px}@media (max-width:620px){li.menu-item a{text-align:right}li.menu-item a:active,li.menu-item a:hover{-webkit-transition:0;transition:0;background:rgba(149,165,166,.2)}li.menu-item a:after{content:'';height:0}}span.hamburger{display:none;float:right;padding:20px;margin-top:15px}@media (max-width:620px){span.hamburger{position:fixed;z-index:1001;top:0;right:0;display:block}}.lines-button{display:inline-block;padding:1rem .5rem;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;border-radius:.28571rem}.lines-button:active{-webkit-transition:0;transition:0}.lines{display:inline-block;width:2rem;height:.28571rem;background:#20b2aa;border-radius:.14286rem;-webkit-transition:.5s;transition:.5s;position:relative}.lines:after,.lines:before{display:inline-block;width:2rem;height:.28571rem;background:#20b2aa;border-radius:.14286rem;-webkit-transition:.5s;transition:.5s;position:absolute;left:0;content:'';-webkit-transform-origin:.14286rem center;-ms-transform-origin:.14286rem center;transform-origin:.14286rem center}.lines:before{top:.5rem}.lines:after{top:-.5rem}.lines-button:hover{opacity:1}.lines-button:hover .lines:before{top:.66667rem}.lines-button:hover .lines:after{top:-.66667rem}.lines-button.x.close .lines{background:rgba(217,97,0,0)}.lines-button.x.close .lines:after,.lines-button.x.close .lines:before{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;top:0;width:2rem}.lines-button.x.close .lines:before{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg)}.lines-button.x.close .lines:after{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg)}div#overlay{display:none}div#overlay.full{display:block;position:fixed;width:100%;height:100%;z-index:100;top:0;right:0;overflow:hidden}.portfolio-piece h3{font-weight:400;text-align:left;text-transform:uppercase;color:#20b2aa;font-size:26px;font-size:1.625rem;display:inline;float:left;width:64.58333%;margin:0 1.04167% 0 9.375%}@media (max-width:768px){.portfolio-piece h3{display:inline;float:left;width:56.25%;margin:0 1.04167% 0 9.375%}}@media (max-width:620px){.portfolio-piece h3{display:inline;float:left;width:64.58333%;margin:0 1.04167%}}@media (max-width:480px){.portfolio-piece h3{text-align:center;display:inline;float:left;width:81.25%;margin:0 1.04167% 0 9.375%}}@media (max-width:400px){.portfolio-piece h3{display:inline;float:left;width:97.91667%;margin:0 1.04167%}}.portfolio-piece h4{text-align:right;display:inline;float:left;width:14.58333%;margin:0 1.04167%}@media (max-width:768px){.portfolio-piece h4{display:inline;float:left;width:22.91667%;margin:0 1.04167%}}@media (max-width:620px){.portfolio-piece h4{display:inline;float:left;width:31.25%;margin:0 1.04167%}}@media (max-width:480px){.portfolio-piece h4{text-align:center;display:inline;float:left;width:64.58333%;margin:10px 1.04167% 0 17.70833%}}.portfolio-piece img{border:1px solid #95a5a6;box-shadow:0 0 10px rgba(44,62,80,.3);display:inline;float:left;width:81.25%;margin:20px 1.04167% 0 9.375%}@media (max-width:620px){.portfolio-piece img{margin-top:20px}}a.live-link{position:relative}a.live-link:hover i{color:#D96100}a.live-link i{position:absolute;right:-20px;-webkit-transition:.3s all;transition:.3s all;color:#20b2aa;font-size:16px;font-size:1rem}a.portfolio-link{display:inline-block;padding:5px;-webkit-transition:.3s;transition:.3s;border:1px solid #20b2aa;border-radius:3px}a.portfolio-link:hover{color:#ecf0f1;background:#20b2aa}.portfolio h2{color:#2c3e50}.portfolio-desc{display:inline;float:left;width:81.25%;margin:0 1.04167% 0 9.375%}@media (max-width:620px){.portfolio-desc{display:inline;float:left;width:97.91667%;margin:0 1.04167%}}.portfolio-desc p{text-align:center}@media (max-width:480px){.portfolio-desc p{display:inline;float:left;width:81.25%;margin:10px 1.04167% 10px 9.375%}}.tech-used{z-index:20;max-width:100%;text-align:center}.tech-used li{display:inline-block;margin:3px;padding:4px;-webkit-transition:.3s all;transition:.3s all;text-transform:uppercase;color:#2c3e50;border:1px solid rgba(44,62,80,.5);border-radius:3px;background:#ecf0f1;font-size:12px;font-size:.75rem}.tech-used li:hover{background:#D96100}