body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-size:18px}*{box-sizing:border-box}a{color:#f30000c0;text-decoration:none}a:hover{text-decoration:underline}.search-input{flex:1 1;padding:.5rem .75rem;border:1px solid #fca5a5;border-radius:.375rem;outline:none}.search-input:focus{outline:none;box-shadow:0 0 0 2px #3b82f6;border-color:transparent}.flex-container{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width:1080px){.container1{flex:1 1;max-height:100%;max-width:100%}}.funbutton{border-radius:4px;background-color:#f4511e;border:none;color:#fff;text-align:center;font-size:28px;padding:20px;width:200px;transition:all .5s;cursor:pointer;margin:5px}.button{cursor:pointer;display:inline-block;position:relative;transition:.5s}.funbutton after{content:"\00bb";position:absolute;opacity:0;top:0;right:-20px;transition:.5s}.funbutton:hover{padding-right:20px;background:orchid}.funbutton:hover span:after{opacity:1;right:0}.square-div{width:80%}.square{width:100%;height:0;padding-bottom:100%;object-fit:cover}.rectangle{height:75%;width:50%}