Add files via upload

PodcastLand/scss/_adaptive.scss

@@ -0,0 +1,212 @@
+/* Smartphones (portrait and landscape) ----------- */
+
+
+
+
+
+
+@media only screen 
+
+and (max-device-width : 800px) {
+ .header_nav {
+    display: none;
+ }
+ .episodes_head {
+       flex-direction: column;
+    }
+}
+
+
+/* iPads (portrait and landscape) ----------- */
+@media only screen 
+and (max-device-width : 1050px) {
+    .block {
+        flex-direction: column-reverse;
+        text-align: center;
+        padding: 0;
+    }
+    .block_right{
+    margin: 0;}
+    .block_links { 
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin: 30px 0;
+    }
+    .autor {
+        flex-direction: column-reverse;
+    }
+    .autor_discription{
+        margin-right: 40px;
+        display: flex;
+        flex-direction: column;
+        :nth-child(1) {
+            order :2;
+        }
+        :nth-child(2) {
+            order :1;
+        }
+    }
+    .episodes {
+        padding: 40px;
+        }
+    .episodes_block {
+        flex-direction: column;
+        align-items: center;
+        margin-top: 40px;
+    }
+    .episodes_text{
+        margin-top: 30px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        :nth-child(1) {
+            margin-bottom: 5px;
+        }
+        :nth-child(2) {
+            margin-bottom: 5px;
+        }
+    }
+    .episodes_head {
+        margin: 30px 0;
+        align-items: center;
+        button {
+        margin: 0;
+        }
+    }
+
+    .backform_wrap {
+        flex-direction: column;
+        align-items: center;
+        .backform_form {
+            display: flex;
+        }
+        .backform_submitbut {
+            margin: 0 auto;
+            width: 65%;
+        }
+    }
+    .footer_wrapper {
+        flex-direction: column;
+        align-items: center;
+    }
+    .footer_nav {
+        justify-content: space-around;
+        text-align: center;
+        margin: 20px 0;
+        .footer_list {
+            flex-basis: 50%;
+        }
+    }
+ }
+
+@media only screen 
+
+and (max-device-width : 670px) {
+    .backform_form{
+    input[type="email"] {
+        width: 200px;
+    }
+    input[type="text"] {
+    width: 200px;
+    }
+    }
+    .block_left{
+        img {
+        width: 100%;
+        height: auto;
+        }
+    }
+    .review_block {
+    width: 100%;
+    }
+    .autor_photo {
+        img {
+            width: 100%;
+            height: auto;
+            } 
+    }
+    .autorform {
+    padding: 0;
+    }
+}
+
+
+ @media only screen 
+
+and (max-device-width : 670px) {
+
+    .episodes {
+    padding: 0;
+}
+.episodes_block{
+    padding: 0;
+    img{
+    width: 100%;
+    height: auto;
+    }
+    }
+.episodes_text {
+    padding: 0;
+}
+.autor_discription{
+margin: 0;
+}
+.autor_follow {
+    margin: 0 auto;
+}
+main {
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+.backform_wrap{
+    margin: 40px 0;
+    padding: 12px;
+}
+.backform_sub{
+    margin-bottom: 10px;
+}
+.backform_pretext{
+    font-family: 'DM Sans', sans-serif;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px;
+    letter-spacing: 0em;
+    color: rgba(17, 141, 168, 1);
+}
+.backform_sub{
+    font-family: 'DM Sans', sans-serif;
+    font-size: 48px;
+    font-weight: 400;
+    line-height: 65px;
+    letter-spacing: 2px;
+    color: white;
+}
+.review_block{
+display: flex;
+flex-direction: column;
+align-items: center;
+justify-content: space-around;
+
+div,p {
+    margin: 0;
+    padding: 0;
+}
+}
+.review{
+    margin: 0;
+}
+.episodes_predis {   
+    font-size: 42px !important;
+    font-weight: 400 !important;
+    line-height: 42px !important;
+    letter-spacing: 2px !important;
+    text-align: center !important;
+    }
+.episodes_dis {
+    text-align: center !important;
+}
+}
+/* Styles */

PodcastLand/scss/_autor.scss

@@ -0,0 +1,70 @@
+.autorform {
+    padding: 2% 10%;
+}
+.autor {
+    display: flex;
+    flex-direction: row;
+    font-family: 'DM Sans', sans-serif;
+    align-items: center;
+}
+.autor_discription{
+    margin-right: 40px;
+
+}
+.autor_follow{
+width: 112px;
+height: 112px;
+border-radius: 50%;
+background-color: #118DA8;
+display: flex;
+align-items: center;
+justify-content: center;
+transition-duration: 0.7s;
+    span {
+        display: block;
+        color: white;
+        font-size: 80px;
+        margin-bottom: 5px;
+        transition-duration: 0.7s;
+        }
+}
+
+.autor_follow:hover{
+    color: rgba(17, 141, 168, 1);
+    background-color: rgba(255, 255, 255, 0.7);
+        span {
+        color: rgb(6, 54, 65);
+        }
+}
+.autor_interlude {
+    font-family: 'DM Sans', sans-serif;
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 27px;
+    letter-spacing: 0em;
+    color: rgba(17, 141, 168, 1);
+    margin:  10px 0;
+}
+.autor_name {
+    font-family: "DM Sans", sans-serif;
+    font-size: 65px;
+    font-weight: 400;
+    line-height: 79px;
+    letter-spacing: 3px;
+    color: white;
+}
+.autor_text {
+    font-family: "DM Sans", sans-serif;
+    font-size: 22px;
+    font-weight: 400;
+    line-height: 33px;
+    letter-spacing: 0em;
+    color: rgba(255, 255, 255, 0.7);
+    margin-top: 30px;
+}
+.autor_photo {
+    img {
+        width: 650px;
+        height: 743px;
+    }
+}

PodcastLand/scss/_block.scss

@@ -0,0 +1,67 @@
+main {
+    background: #191919;
+    width: 100%;
+}
+.block {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    padding: 2% 10%;
+}
+.block_left{
+    img {
+        width: 650px;
+        height: 873px;
+    }
+}
+.block_right {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-left: 50px;
+    .block_discription {
+        font-size: 70px;
+        font-weight: 400;
+        font-family: 'DM Sans', sans-serif;
+        color: white;
+        letter-spacing: 3px;
+        line-height: 88px;
+        :first-child{
+            display: inline-block;
+            border-bottom: #118DA8 solid 5px;
+
+        }
+        :last-child {
+            font-weight: 700;
+        }
+    }
+}
+.block_links{
+    margin-top: 40px;
+    margin-left: 10px;
+    .links_text{
+        font-size: 15px;
+        color: white;
+        font-family: 'DM Sans', sans-serif;;
+    }
+}
+.links_list {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: row;
+    li{ 
+        padding: 10px 10px;
+        text-align: center;
+    }
+    img {
+        width: 32px;
+        height: 32px;
+        transition-property: all;
+        transition-duration: 0.7s;
+        transition-delay: 0s;
+        transition-timing-function: ease;
+    }
+    img:hover {
+        transform: scale(1.7);
+    }
+}