@media(orientation:landscape){

    .submit2{
        display: none;
    }
    .container{
            min-height: 80vh;
            display: flex;
        }
        
        
       
        
        .left{
            margin-top: 2rem;
            width: 20%;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .left span{
            justify-self: center;
            display: block;
            margin: 1rem;
        }
        
        #file  {
            padding: .5rem;
            border-radius: 1rem;
            background-color: lightgrey;
            height: 2rem;
            text-align-last: center;
            width: 80%;
            font-size: 1.5rem;
            cursor: pointer;
        }
        
        .left > .file:hover{
            background-color: grey;
            color: whitesmoke;
        }
        
        .left > .file::file-selector-button {
            display: none;
            }
        
        .left > input.year{
            height: 2rem;
            text-align: center;
            font-size: 1.5rem;
            border-radius: 1rem;
            padding: .5rem;
            border: 1px solid black;
        }
        
        .left > input.year::placeholder{
        text-align: left;
        }
        
        
        .left > label.description{
            margin-top: 2rem;
        }
        
        .left > textarea.description{
            text-align: left;
            border-radius: 1rem;
            width: 100%;
            border: 1px solid black;
            min-height: 5rem;
            padding: 0.5rem;
            font-size: 1.25rem;
        }
        
        select {
            width: 80%;
            height: 3rem;
            font-size: 1.5rem;
            border-radius: 1rem;
            border: 1px solid black;
        }
        
        label.strand{
            margin-top: 2rem;
        }
        
        #sy::placeholder{
            text-align: center;
            margin-left: 3rem;
        }
        
        #softCopy{
            margin-top: 1rem;
        }
        
        
        
        /* every styles for the center starts here */
        
        .center{
            width: 70%;
            display: flex;
            flex-direction: column;
            padding: .5rem;
        }
        
        
        .title{
            margin: 1rem;
            min-height: auto;
            text-align: center;
            font-size: 2.5rem;
            border: 1px solid black;
            border-radius: 1rem;
            padding: 0 1rem;
        }
        .title::placeholder{
            font-size: 2.5rem;
        }
        
        
        .abstract{
            display: block;
            border-radius: 1rem;
            align-self: center;
            text-align: left;
            border: 1px solid black;
            min-height: 26.625rem;
            width: 100%;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.25rem;
            text-indent: 1rem;
        }
        
        h3{
            display: block;
            padding: .5rem;
        }
        
        /* elements on the right starts here */
        
        .right{
            padding: .5rem;
            width: 20%;
            display: flex;
            flex-direction: column;
        }
        
        .right > label{
            display: block;
        }
        
        
        .rightWrapper > .authors{
            padding: 1rem;
            border: black 1px solid;
            border-radius: 1rem;
            min-height: 5rem;
            margin: .5rem;
            font-size: 1.25rem;
        }
        
        
        
        .rightWrapper > .authors::placeholder{
            font-size: 1.25rem;
        }
        
        .rightWrapper{
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
        }
        
        
        .rightWrapper input[type="submit"]{
            align-self: center;
            width: 70%;
            height: 3rem;
            margin: 1rem;
            border-radius: 1rem;
            background-color: lightgrey;
            cursor: pointer;
            font-size: 1.5rem;
        }
        
        .rightWrapper input[type="submit"]:hover{
            background-color: grey;
            color: whitesmoke;
        }
        /* All right style ends here */
        
        
        
        .left, .center, .right{
            margin: 1rem;
        }
        
        
        textarea{
            background: none;
            border: none;
            resize: none;
        }
        
        
        textarea::-webkit-scrollbar{
            display: none;
        }
          
        span.message{
            display: flex;
            width: auto;
            text-align: right;
            font-size: 1.5rem;
            justify-self:end;
            padding: 1rem;
            margin-right: 5rem;
        }
            
        #previousFile{
            padding: .5rem;
            border-radius: 1rem;
            background-color: lightgrey;
            min-height: 2rem;
            text-align-last: center;
            width: 100%;
            font-size: 1.5rem;
        }
  
    	h4{
  			margin: .5rem 0 .5rem 0;
  		}
        
}

@media (orientation: portrait){
    .container{
        display: flex;
        flex-direction: column;
    }
    .submit1{
        display: none;
    }
    .center{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .title{
        margin-bottom: 1rem;
        padding-left: .25rem;
        padding-right: .25rem;
        font-size: 1.3rem;
        text-align: center;
        min-height: 4.7rem;
        min-width: 80%;
    }

    .abstract{
        font-size: 1rem;
        padding-left: .5rem;
        padding-right: .5rem;
        width: 85%;
        min-height: 15.5rem;
        margin-bottom: 1rem;
    }

    .abstract::placeholder{
        padding-left: .5rem;
        padding-right: .5rem;
    }

    textarea{
        padding-left: .5rem;
        padding-right: .5rem;
        border-radius: 1rem;
        border: 1px solid black;
    }

    .right{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .authors{
        min-height: 3.6rem;
        padding-left: .5rem;
        padding-right: .5rem;
        font-size: 1rem;
    }

    .message{
        display: flex;
        justify-self: center;
        font-size: 1.2rem;
        padding: .5rem;
        text-align: center;
    }

    .left{
        order: 3;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    h4{
        margin: .5rem 0 .5rem 0;
    }

    .file::file-selector-button{
        display: none;
    }
    #file  {
        padding: .5rem;
        border-radius: 1rem;
        background-color: lightgrey;
        text-align-last: center;
        font-size: 1rem;
        cursor: pointer;
    }
    
    #sy{
        text-align: center;
        font-size: 1rem;
        border-radius: 1rem;
        border: 1px solid black;
    }

    #description{
        min-height: 5rem;
        width: 85%;
    }

    #strand{
        padding: .5rem;
        border-radius: 1rem;
        border: 1px solid black;
        font-size: 1rem;
    }

    .submit2{
        display: flex;
        margin: .5rem 0 .5rem 0;
        padding: .5rem;
        font-size: 1rem;
        border-radius: 1rem;
    }
}